 

/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;font-family:PingFang SC,"Source Han Sans",Arial,sans-serif;}
header,nav,section,article,aside,footer {display: block;}
input,select,textarea {border-radius: 0;outline: none;font-family:PingFang SC,"Source Han Sans",Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a{color: #1a1a1a;font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.alltra {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.content{margin: auto;position: relative;overflow: hidden;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:4px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: #212c7c;}
::-webkit-scrollbar-thumb{background-color:#212c7c;box-shadow:inset 1px 1px 0 #212c7c,inset 0 -1px 0 #212c7c;}

/* header */
.header {position:fixed;left: 0;top: 0;z-index: 100;width: 100%;transition:all .4s ease;background-color: #fff;}
.header-content {width:96%;height: 100px;margin: auto;position: relative;}
.header-logo {width:auto;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 11;}
.header-logo a {display: block;background: url('../images/logo.png') center no-repeat;background-size: 100%;}
.header-logo img {opacity: 0;display: inline-block;width: auto;height: auto;}
.header-nav {position: absolute;right:0;top: 0;height: 100%;z-index: 1;text-align: center;}
.header-nav ul {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;}
.header-nav li{display: inline-block;vertical-align: middle;position: relative;}
.header-nav li:nth-child(2) {position: static;}
.header-nav li::after {content: '';width: 5px;height: 10px;display: inline-block;vertical-align: middle;background: url('../images/r.png') center no-repeat;margin: 0 15px;opacity: .14;display: none;}
.header-nav li:last-child::after {display: none;}
.header-nav li a.n1{color: #000;font-size: 17px;line-height: 100px;display: inline-block;position: relative;}
.header-nav li a.n1 span{display: inline-block;line-height: normal;box-sizing: border-box;padding: 5px 20px;}
.header-nav li a.n1:hover span,.header-nav li.cur a.n1 span,.header-nav li.on a.n1 span{background: #212c7c;color: #fff!important;}
.header-nav li.cur a.n1,.header-nav li a.n1:hover,.header-nav li.on a.n1 {color: #fff;} 
.header-nav li.cur a.n1 span,.header-nav li a.n1:hover span,.header-nav li.on a.n1 span{color: #000;} 
.header-right {display: inline-block;vertical-align: middle;margin-left: 30px;}
.header-right div {display: inline-block;vertical-align: middle;}
.header-right a.cur{display: block;color: #000;text-align: center;}
.header-right i{display: inline-block;vertical-align: middle;width: 25px;height: 25px;position: relative;background: url('../images/ss2.png') center no-repeat;}
.header-right span{display: inline-block;vertical-align: middle;margin-left: 5px;font-size: 14spx;color: #000;}
.header-search i img{opacity: 0;}
.header-search a:hover i {background: url('../images/sss.png') center no-repeat;}
.header-language {margin-left: 15px;position: relative;}
.header-language::before {content: '';width: 1px;height: 16px;background: #000;position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: .5;}
.header-language i{background: url('../images/zh.png');}
.header-language a{padding: 0 0px 0 20px;color: #000;}


.header-nav-menu {position: absolute;width: 140px;top: 100px;left:-50px;background: #fff;text-align: left;padding: 10px 15px 20px 15px;display: none;text-align: center;}
.header-nav-menu a {display: block;padding: 5px 0;font-size: 16px;color: #6f6f6f;}
.header-nav-menu a:hover {color: #212c7c;}
.header-nav li.cur .header-nav-menu {display: block;}
.header-nav-menu.product {position: fixed;width: 100%;left:0px;padding: 0;border-top: 1px solid #e6e6e6;}
.header-nav-menu.about {position: fixed;width: 100%;left:0px;padding: 0;border-top: 1px solid #e6e6e6;}
.header-nav-product-left {float: left;width:35%;position: relative;}
.header-nav-product-left .text {position: absolute;left: 50%;top: 15%;transform: translateX(-50%);z-index: 11;color: #fff;text-align: left;}
.header-nav-product-left .text .english-2 {text-transform: uppercase;}
.header-nav-product-left .img {background: #212c7c;}
.header-nav-product-right {float: left;width:65%;position: relative;}
.header-nav-product-content {padding: 2% 0 2% 0;overflow: hidden;width: 90%;margin: auto;}
.header-nav-product-type {text-align: left;overflow: hidden;}
.header-nav-product-type a{padding: 18px 0px;display: block;float: left;width: 22%;margin: 0 1% 1% 0;position: relative;}
.header-nav-product-type a::before {content: '';width:70%;height: 2px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;z-index: 1;}
.header-nav-product-type a::after {content: '';transition:all .4s ease;width:0px;height: 2px;background: #212c7c;position: absolute;left: 0;bottom: 0;z-index: 3;}
.header-nav-product-type a:nth-child(4),.header-nav-product-type a:nth-child(8),.header-nav-product-type a:nth-child(12),.header-nav-product-type a:nth-child(16){margin: 0 0 2% 0;}
.header-nav-product-type .number-1{color: #999;}
.header-nav-product-type .title-7{margin-top: 3%;font-weight: bold;}
.header-nav-product-type .icon-1{position: absolute;width: 17px;height: 10px;background: url('../images/rl1.png') center no-repeat;right: 0;bottom: 30%;z-index: 11;filter:grayscale(100%);opacity: .5;}
.header-nav-product-type a:hover .title-7,.header-nav-product-type a:hover .number-1 {color: #212c7c;}
.header-nav-product-type a:hover .icon-1{opacity: 1;filter:grayscale(0);}
.header-nav-product-type a:hover::after {width: 70%;}
.header-nav-technical-support {margin-top: 2%;overflow: hidden;text-align: left;width: 100%;}
.header-nav-technical-support a{display: block;position: relative;color: #fff;padding: 15px 5%;overflow: hidden;background: #fff url('../images/navbgt2.png') no-repeat;font-size: 0;width: 48%;float: left;box-sizing: border-box;margin-right: 2%;border: 1px solid #ccc;}
.header-nav-technical-support .icon-1{display: inline-block;vertical-align: middle;width: 40px;height: 40px;position: relative;}
.header-nav-technical-support a:hover .icon-1{mix-blend-mode:color-dodge;filter: invert(1);}
.header-nav-technical-support .title-4{display: inline-block;vertical-align: middle;margin-left: 10px;color: #000;}
.header-nav-technical-support .more-1{font-size: 16px;padding-right: 0px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);color: #000;}
.header-nav-technical-support a:hover .title-4,.header-nav-technical-support a:hover .more-1{color: #fff;}
.header-nav-technical-support a:hover {background: #212c7c url('../images/navbgt1.png') no-repeat;}
.header-nav-menu.about .header-nav-product-left {padding: 2%;width:35%;overflow: hidden;box-sizing: border-box;position: relative;}
.header-nav-menu.about .header-nav-product-left::after {content: '';width: 1px;height:80%;background: #ccc;position: absolute;right:0;top:50%;opacity: .3;transform: translateY(-50%);}
.header-nav-menu.about .header-nav-product-left .img {background: none;background-size: cover;width: 90%;}
.header-nav-menu.about .header-nav-product-left .img img {opacity: 0;display: block;width: 100%;height: auto;}
.header-nav-menu.about .header-nav-product-right {width:65%;height: 100%;}
.header-nav-technical-support a.button-1 {margin-right: 0;background: none;color: #000;border: 1px solid #ccc;}
.header-nav-technical-support a.button-1 .more-1 {color: #4a4a4a;}
.header-nav-technical-support a.button-1:hover .title-4,.header-nav-technical-support a.button-1:hover .more-1{color: #fff;}
.header-nav-technical-support a.button-1:hover {background: #212c7c;}



.menu-toggle {display: block;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 3%;top:50%;z-index: 111;transform: translateY(-50%);display: none;}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}
.header.scroll-top .menu-toggle span.hamburger,.header.scroll-top .menu-toggle span.hamburger:after,.header.scroll-top .menu-toggle span.hamburger:before{background: #000;}



.footer {background: #525252;overflow: hidden;color: #fff;position: relative;padding-top: 3%;}
.footer-contact-top {overflow: hidden;width: 80%;margin: auto;}
.footer-left {float: left;width: 40%;}
.footer-right {float: right;width: 60%;text-align: right;padding-bottom: 3%;}
.footer-nav {overflow: hidden;}
.footer-nav a{display: inline-block;font-size: 17px;color: #fff;margin-left: 40px;}
.footer-nav a:first-child,.footer-nav a:hover  {opacity: 1;}
.footer-nav a:hover {color: #212c7c;}
.footer-contact-center {padding: 1% 0 2% 0;overflow: hidden;font-size: 16px;color: #fff;width: 80%;margin: auto;}
.footer-contact-center a {color: #999;}
.footer-contact-center a:hover {color: #fff;}
.footer-contact-bottom {font-size: 14px;color: #fff;position: relative;overflow: hidden;width: 80%;margin: auto;padding: 30px 0;border-top: 1px solid #313131;}
.footer-contact-bottom a {color: #fff;opacity: .2;}
.footer-contact-bottom a:hover {color: #fff;opacity: 1;}
.footer-contact-left {float: left;}
.footer-contact-right {float: right;text-align: right;}
.aside-top {position: fixed; width: 70px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 70px;height: 70px;display: block;overflow: hidden; background: #212c7c url('../images/up1.png') no-repeat center;border-radius: 100%;}
.aside-top a:hover {background: #212c7c url('../images/up1.png') no-repeat center;opacity: 1;}
.footer .aside-top{display: block;position: absolute;bottom:auto;top: 15%;right:3%; }



/* index */
.index-swiper,.index-banner-swiper,.index-section {width: 100%;height: 100%;}
.index-swiper .index-pagination {right:3%;}
.index-swiper .index-pagination span{background: #fff;opacity: .5;margin:20px 0!important;width: 6px;height: 6px;position: relative;transition:all .4s ease;}
.index-swiper .index-pagination span::before {content: '';width: 10px;height: 10px;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;border-radius: 100%;transition:all .4s ease;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active {opacity: 1;background: none;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active::before {opacity: 1;}
.index-swiper .index-pagination.cur span {background: #000;opacity: .2;}
.index-swiper .index-pagination.cur span.swiper-pagination-bullet-active {background: none;opacity: 1;}
.index-swiper .index-pagination.cur span::before {border: 2px solid #212c7c;}
.index-swiper .index-pagination.cur span.swiper-pagination-bullet-active::before {opacity: 1;}
.end-slide {height: 282px;}

.index-banner-swiper {position: relative;}
.index-banner-swiper .text {color: #fff;position: absolute;left: 10%;top: 50%;z-index: 111;width: 100%;transform: translateY(-50%);}
.index-banner-swiper .title-1 {transform:translateY(200px);opacity:0;transition:all 0.2s;}
.index-banner-swiper .line-1 {transform:translateY(200px);opacity:0;transition:all 0.4s;}
.index-banner-swiper .text-1 {margin-top: .5%;transform:translateY(200px);opacity:0;transition:all 0.7s;}
.index-banner-swiper .viewmore-1 {transform:translateY(200px);opacity:0;transition:all 0.9s;margin-top: 3%;}
.index-banner-swiper .viewmore-1 a span {color: #fff;}
.index-banner-swiper .viewmore-1 a:hover span {color: #fff;}
.index-banner-swiper .img .pic {opacity: 1;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}

.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .line-1,
.index-banner-swiper .swiper-slide-active .text-1,
.index-banner-swiper .swiper-slide-active .viewmore-1 {transform:translateY(0px);opacity:1;}

.banner-next,.banner-prev {transition:all .4s ease;width: 50px;height: 50px;border: 1px solid rgba(255,255,255,.2);border-radius: 100%;top: auto;bottom: 5%;}
.banner-next:hover,.banner-prev:hover {border: 1px solid rgba(255,255,255,1);}
.banner-next::after,.banner-prev::after {color: #fff;font-size: 12px;}
.banner-next {left: auto;right:30px;}
.banner-prev {left: auto;right:90px;}

.index-banner-swiper .banner-pagination {text-align: center;left: auto;bottom:6.5%;right:auto!important;left:50%;width: auto;color: #fff;font-family: 'Montserrat-Light';width:auto;transform: translateX(-50%);}
.index-banner-swiper .banner-pagination span{opacity: 1;margin: 0 3px!important;position: relative;width: 40px;height: 40px;background: transparent;}
.index-banner-swiper .banner-pagination span::before {content: '';width:8px;height:8px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span::after {content: '';width:32px;height:32px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 4px solid rgba(255,255,255,.5);opacity: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {background: #212c7c!important;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .content {opacity: 1;}
.index-banner-swiper .banner-pagination span .content {position: absolute;top: 0;width: 50%;height:100%;margin: 0;padding: 0;overflow: hidden;opacity: 0;transition:all .4s ease;z-index: 11;}
.index-banner-swiper .banner-pagination span .left {left: 0;}
.index-banner-swiper .banner-pagination span .right {right: 0;}
.index-banner-swiper .banner-pagination span .circle {position: absolute;margin: 0;width: 40px;height: 40px;border-radius: 50%;border: 4px solid transparent;transform: rotate(135deg);box-sizing: border-box;}
.index-banner-swiper .banner-pagination span .left-circle {left: 0;border-top-color: #fff;border-left-color: #fff;}
.index-banner-swiper .banner-pagination span .right-circle {right: 0;border-bottom-color: #fff;border-right-color: #fff;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .left-circle {animation: circleleft 3s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 3s linear forwards;}
@keyframes circleright {
	0% {transform: rotate(135deg);}
	50%,100% {transform: rotate(315deg);}
}
@keyframes circleleft {
	0%,50% {transform: rotate(135deg);}
	100% {transform: rotate(315deg);}
}



.index-roll {position: absolute;left: 3%;bottom: 5%;z-index: 11;animation: updown1 2000ms infinite ease;}
.index-roll span{font-size: 14px;display: block;color: #fff;position: absolute;left:-17px;top: -35px;transform: rotate(90deg);transition:all .4s ease;font-family: 'Montserrat-Light';}
.index-roll i{display: block;width: 1px;height: 40px;background: #fff;margin: auto;transition:all .4s ease;}
@keyframes updown1{0%{bottom: 4%;} 50%{bottom: 5%;}100%{bottom: 4%;}}
.index-roll.cur span {color: #000;}
.index-roll.cur i {background: #000;}



.title-1 {font-size: 50px;font-weight: 900;}
.title-2 {font-size: 30px;font-weight: 500;}
.title-3 {font-size: 16px;font-weight: 400;}
.title-4 {font-size: 20px;font-weight: 400;}
.title-5 {font-size: 26px;font-weight: 900;}
.title-6 {font-size: 24px;font-weight: 500;}
.title-7 {font-size: 18px;font-weight: 500;}
.title-8 {font-size: 22px;font-weight: 500;}
.title-9 {font-size: 34px;font-weight: 500;}
.title-10 {font-size: 60px;font-weight: 900;}
.title-11 {font-size: 32px;font-weight: 500;}
.title-12 {font-size: 28px;font-weight: 500;}
.title-13 {font-size: 52px;font-weight: 500;}
.title-14 {font-size: 14px;font-weight: 500;}
.title-15 {font-size: 40px;font-weight: 900;}
.text-1 {font-size: 22px;}
.text-2 {font-size: 16px;line-height: 26px;}
.text-3 {font-size: 34px;line-height: 44px;font-weight: 900;}
.text-4 {font-size: 15px;line-height: 26px;}
.text-5 {font-size: 40px;line-height: 50px;font-weight: 900;}
.text-6 {font-size: 18px;line-height: 28px;}
.text-7 {font-size: 24px;line-height: 34px;}
.text-8 {font-size: 26px;line-height: 34px;}
.text-9 {font-size: 16px;line-height: 24px;}
.text-14 {font-size: 14px;line-height: 20px;}
.number-1 {font-size: 14px;font-family: 'Montserrat-Light';}
.number-2 {font-size: 60px;font-family: 'Montserrat-Light';}
.number-3 {font-size: 80px;line-height: 80px;font-family: 'Montserrat-Light';}
.number-4 {font-size: 16px;font-family: 'Montserrat-Light';}
.number-5 {font-size: 40px;font-weight: 600;}
.entitle-1 {font-size: 50px;font-family: 'Montserrat-Bold';}
.english-1 {font-size: 14px;font-family: 'Montserrat-Light';}
.english-2 {font-size: 30px;font-family: 'Montserrat-Bold';}
.english-3 {font-size: 200px;font-family: 'Montserrat-Bold';}
.type-1 {font-size: 14px;}
.date-1 {font-size: 12px;font-family: 'Montserrat-Light';}
.line-1 {width: 50px;height: 3px;margin: 20px 0;background: #fff;}
.line-2 {position: relative;width: 100%;height: 2px;margin: 30px 0;}
.line-2::before,.line-2::after {content: '';height: 2px;background: #fff;position: absolute;left: 0;top: 0;}
.line-2::before {background: #fff;width: 20%;z-index: 1;}
.line-2::after {background: #0193de;width: 100%;}
.line-3 {width: 27px;height: 3px;margin: 30px auto;background: #212c7c;}
.line-4 {width: 22px;height: 4px;margin: 20px 0;background: #ededed;}
.viewmore-1 {margin-top: 5%;}
.viewmore-1 i{display: inline-block;vertical-align: middle;width: 48px;height: 48px;border: 1px solid #fff;border-radius: 100%;margin-right: 15px;background: url('../images/rb2.png') center no-repeat;}
.viewmore-1 span{display: inline-block;vertical-align: middle;font-size: 16px;font-family: 'Montserrat-Light';}
.viewmore-1 a:hover span{color: #212c7c;}
.viewmore-1 a:hover i {background: #212c7c  url('../images/rb2.png') center no-repeat;border: 1px solid #212c7c;}
.viewmore-2 {margin-top: 5%;}
.viewmore-2 i{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border: 2px solid #212c7c;border-radius: 100%;margin-right: 10px;background: url('../images/rb2.png') center no-repeat;position: relative;transition:all .4s ease;}
.viewmore-2 i::before,.viewmore-2 i::after {content: '';position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);background: #212c7c;}
.viewmore-2 i::before {width: 10px;height: 2px;}
.viewmore-2 i::after {width: 2px;height: 10px;}
.viewmore-2 span{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'Montserrat-Light';color: #212c7c;}
.viewmore-2 a:hover i{transform: rotate(180deg);}
.viewdetails-1 {margin-top: 5%;}
.viewdetails-1 span{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'Montserrat-Light';color: #999;}
.viewdetails-1 i{display: inline-block;vertical-align: middle;width: 14px;height:10px;margin-left: 15px;background: url('../images/rh1.png') center no-repeat;opacity: .5;display: none;}
.detail-2 {margin-top:2%;font-size: 0;}
.detail-2 span{display: inline-block;vertical-align: middle;font-size: 16px;color: #999;}
.detail-2 i {display: inline-block;vertical-align: middle;width: 14px;height:9px;margin-left: 10px;/*background: url('../../application/images/r1.png') center no-repeat;*/filter: grayscale(100%);opacity: .5;}


.index-product {width: 100%;height: 100%;position: relative;}
.section-content {width: 80%;margin: auto;overflow: hidden;position: relative;}
.index-product .section-content {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;}
.index-product-left{float: left;width: 37%;}
.index-product-left .text-2  {color: #666;margin-top: 5%;}
.index-product-nav{margin-top: 5%;}
.index-product-nav a{display: block;position: relative;border-bottom: 1px solid #ededed;padding: 4% 0;overflow: hidden;}
.index-product-nav span{font-size: 20px;}
.index-product-nav i{display: block;font-style: normal;font-size: 16px;color: #999;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-family: 'Montserrat-Light';}
.index-product-nav a.cur {border-bottom: 1px solid #212c7c;}
.index-product-nav a.cur span,.index-product-nav a.cur i{color: #212c7c;}
.index-product-left .viewmore-2 {margin-top: 9%;}
.index-product-right {float: right;width: 57%;}
.index-product-swiper {width: 100%;height: 100%;}
.index-product-swiper .img{position: relative;}


.index-application {width: 100%;height: 100%;position: relative;}
.index-application .section-content {height: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-application .title {position: absolute;top: 20%;left: 0;width: 100%;color: #fff;}
.index-application .text-3 {margin-top: 2%;}
.index-application .text-3 p {margin: 0;padding: 0;}
.index-application-nav {position: absolute;width: 100%;left:0;bottom: 10%;font-size: 0;}
.index-application-nav a{display: inline-block;vertical-align: top;width: 19.111%;margin-right:1%;text-align: left;border: 1px solid rgba(255,255,255,.2);box-sizing: border-box;color: #fff;position: relative;}
.index-application-nav a:last-child {margin-right: 0;}
.index-application-nav .number-1 {position: absolute;left: 10%;top: 10%;}
.index-application-nav .text{position: absolute;left: 10%;bottom: 10%;}
.index-application-nav .english-1 {opacity: .6;}
.index-application-nav .pic img{opacity: 0;}
.index-application-nav a.cur {background: #212c7c;}
.index-application-nav a.cur .english-1 {opacity: 1;}
.index-application-nav a.cur img {opacity: 1;}
.index-application-nav.num5 a{width: 19.111%;}
.index-application-nav.num6 a{width: 16%;}
.index-application-nav .index-application-nav-swiper a{width: 100%;}
.iapplication-prev,.iapplication-next {transition:all .4s ease;width: 50px;height: 50px;border: 1px solid rgba(255,255,255,.5);border-radius: 100%;top: 50%;margin-top: -25px;}
.iapplication-next::after,.iapplication-prev::after {color: #fff;font-size: 12px;}
.iapplication-prev {left: auto;right: 70px;}


.index-about {width: 100%;height: 100%;position: relative;}
.index-about .section-content {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-about-content {width: 100%;height: auto;position: relative;background: rgba(0,0,0,.3);overflow: hidden;}
.index-about-content-left {width: 50%;height: 100%;position: absolute;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,.2);border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);overflow: hidden;left: 0;top: 0;}
.index-about-content-left .text {color: #fff;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;z-index: 11;width: 74%;}
.index-about-content-left .text .title-5{margin: 3% 0;}
.index-about-content-left .text .text-2{opacity: .6;}
.index-about-content-left .text .viewmore-1{margin-top: 10%;}
.index-about-content-left .text .viewmore-1 span {color: #fff;}
.index-about-content-left .text .viewmore-1 a:hover span{color: #212c7c;}
.index-about-content-right {float: right;width: 50%;position: relative;box-sizing: border-box;border: 1px solid rgba(255,255,255,.2);overflow: hidden;}
.index-about-content-right::before,.index-about-content-right::after {content: '';position: absolute;z-index: 11;background: #fff;opacity: .2;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/* .index-about-content-right::before {width: 100%;height: 1px;} */
.index-about-content-right::after {width: 1px;height: 100%;}
.index-about-content-item {float: left;width: 50%;position: relative;}
.index-about-content-item a {color: #fff;}
.index-about-content-item .title-3{position: absolute;left: 10%;bottom: 10%;opacity: .6;z-index: 11;}
.index-about-content-item .title-3:first-child {bottom: auto;top: 10%;}
.index-about-content-item .number-2{position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;width: 100%;z-index: 11;}
.index-about-content-item .number-2 strong{font-weight: bold;}
.index-about-content-item .number-2 sub {font-size: 20px;vertical-align: baseline;}
.index-about-content-item .img {background: none;}
.index-about-content-item .img img{opacity: 0;}
.index-about-content-item a:hover .title-3{opacity: 1;}
.index-about-content-item a:hover .img img.img-block{opacity: 1;}
.index-about-content-item a:hover .img img{opacity: 1;}


.index-news {width: 100%;height: 100%;position: relative;background: #f7f7f7;}
.index-news .section-content  {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-news-top {position: relative;padding-bottom: 3%;}
.index-news-top .title{position: relative;overflow: hidden;}
.index-news-top .viewmore-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-top:0;} 
.index-news-top .viewmore-1 a i {border: 1px solid #212c7c;background: url('../images/rh3.png') center no-repeat;}
.index-news-top .viewmore-1 a span {color: #212c7c;}
.index-news-bottom {overflow: hidden;position: relative;}
.index-news-left {float: left;width: 30%;}
.index-news-item {position: relative;width: 100%;height: 100%;}
.index-news-item a{width: 100%;height: 100%;display: block;position: relative;background: #fff;overflow: hidden;}
.index-news-item .text {overflow: hidden;position: relative;margin: 5%;padding-bottom: 7%;}
.index-news-item .type-1 {color: #212c7c;}
.index-news-item .date-1 {color: #999999;position: absolute;right: 0;top: 0;}
.index-news-item .title-6 {margin-top: 5%;}
.index-news-item .viewdetails-1 {margin-top: 15%;}
.index-news-item .img {background: none;}
.index-news-left .index-news-item a:hover .title-6,.index-news-left .index-news-item a:hover .viewdetails-1 span{color: #212c7c;}
.index-news-left .index-news-item a:hover .img .pic {transform: scale(1.05);}
.index-news-center {width: 32%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-news-center .index-news-item a {background: #212c7c;color: #fff;}
.index-news-center .index-news-item a .type-1,.index-news-center .index-news-item a .date-1 {color: #fff;}
.index-news-center .index-news-item a .text-4,.index-news-center .index-news-item a .date-1,.index-news-center .index-news-item a .type-1 {opacity: .8;}
.index-news-center .index-news-item a .line-2::before{transition: all .4s ease;}
.index-news-center .index-news-item a:hover {background: #205bc9;}
.index-news-center .index-news-item a:hover .line-2::before {width: 100%;}
.index-news-center .index-news-item a .text {height: 72%;margin: 14%;}
.index-news-center .index-news-item .viewdetails-1 {position: absolute;bottom: 0;}
.index-news-center .index-news-item .viewdetails-1 span {color: #fff;opacity: .8;}
.index-news-center .index-news-item .viewdetails-1 i {filter: invert(100%);}
.index-news-right {float: right;width: 30%;}
.index-news-right .index-news-item {margin-bottom: 7%;}
.index-news-right .index-news-item:last-child {margin-bottom: 0;}
.index-news-right .index-news-item .img {float: left;width: 50%;}
.index-news-right .index-news-item .text {float: right;width: 46%;padding: 3% 0 0 4%;margin: 0;}
.index-news-right .index-news-item .text .date-1 {position: relative;right: auto;top: auto;}
.index-news-right .index-news-item .text .title-6 {font-size: 16px;}
.index-news-right .index-news-item .viewdetails-1 span {font-size: 12px;}
.index-news-right .index-news-item a {background: none;}
.index-news-right .index-news-item a:hover .img .pic {transform: scale(1.05);}
.index-news-right .index-news-item a:hover .title-6 {color: #212c7c;}

.index-product-nav2 {position: absolute;left: 0;bottom: 0;width: 43%;z-index: 1;}
.index-product-nav2 a{display: block;position: relative;overflow: hidden;float: left;width: 50%;box-sizing: border-box;border: 1px solid #ededed;}
.index-product-nav2 .text{position: absolute;left: 10%;top: 15%;z-index: 11;width: 80%;height: 70%;}
.index-product-nav2 .text strong{font-size: 26px;margin: 0;padding: 0;font-weight: 500;}
.index-product-nav2 .text span{display: block;font-size: 14px;color: #cccccc;font-family: 'Montserrat-Regular';}
.index-product-nav2 .text i{display: block;font-style: normal;font-size: 16px;color: #cccccc;position: absolute;right: 0;top: 10%;font-family: 'Montserrat-Regular';}
.index-product-nav2 .text::before {content: '';width: 14px;height: 9px;position: absolute;right: 0;bottom:0;z-index: 11;background: url('../images/r8.png') center no-repeat;}
.index-product-nav2 .pic{position: relative;background-color: #f8f8f8;}
.index-product-nav2 .pic img{opacity: 0;}
.index-product-nav2 a.cur .pic{background-color: #49aa36;}
.index-product-nav2 a.cur .pic img{opacity: 1;}
.index-product-nav2 a.cur .text::before {filter: invert(100%);}
.index-product-nav2 a.cur .text strong,.index-product-nav2 a.cur .text span{color: #fff;}
.index-product-nav2 a.cur .text i{color: #fff;}


/* product */
.page-section-banner {position: relative;width: 100%;overflow: hidden;color: #fff;}
.page-section-banner .text{position: absolute;width: 40%;left: 10%;top: 50%;z-index: 11;transform: translateY(-50%);}
.page-section-banner .text .title {overflow: hidden;}
.page-section-banner .text .title .text-5{margin-top: 2%;}
.page-section-banner .text .title .text-5 strong{color: #fff;}
.page-section-banner .date {position: absolute;width: 50%;right: 10%;top: 50%;z-index: 11;transform: translateY(-5%);text-align: right;}
.page-section-banner .date .item-1{display: inline-block;min-width: 24%;text-align: left;border-bottom: 1px solid rgba(255,255,255,.4);padding:1% 0;overflow: hidden;margin-left: 20px;}
.page-section-banner .date .item-1 .number-3{display: inline-block;vertical-align: top;}
.page-section-banner .date .item-1 .title-3{display: inline-block;vertical-align: top;margin-top: 2%;margin-left: 20px;}
.page-section-banner .img .pic{animation: srmgani 4000ms 1 ease forwards;}

.page-section-banner .text.none,.page-section-banner .date.none{display: none;}

.section-banner-nav {position: absolute;width: 80%;left: 10%;bottom:7%;z-index: 11;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);}
.section-banner-nav a{display: inline-block;vertical-align: middle;margin-right: 40px;font-size: 18px;color: #fff;opacity: .8;padding: 1.5% 0;}
.section-banner-nav a.cur,.section-banner-nav a.cur:hover{opacity: 1;color: #212c7c;}
.section-banner-nav a:hover {color: #212c7c;opacity: 1;}

.section-banner-top-nav {position: fixed;top:0px;left: 0;width: 100%;z-index: 11111;transform: translateY(-100px);transition:all .4s ease;
	background: #fff;bottom: auto;text-align: center;border-top: 1px solid rgba(0,0,0,.2);border-bottom: 1px solid rgba(0,0,0,.2);}
.section-banner-top-nav a {color: #666;display: inline-block;vertical-align: middle;margin-right: 40px;font-size: 18px;padding: 1.5% 0;position: relative;}
.section-banner-top-nav a::after{content: '';width: 0px;height: 1px;background: #212c7c;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.section-banner-top-nav a.cur {color: #212c7c;}
.section-banner-top-nav a.cur::after {width: 100%;}
.section-banner-top-nav a:hover::after {width: 100%;}
.section-banner-top-nav.position-fixed {transform: translateY(0px);}


 

.page-section-path {position: absolute;left: 2%;top: 12%;z-index: 11;}
.page-section-path a{font-size: 12px;color: #fff;display: inline-block;vertical-align: middle;padding: 2px 15px;border: 1px solid rgba(255,255,255,.2);border-radius: 50px;}
.page-section-path span {margin: 0 4px;display: inline-block;vertical-align: middle;font-size: 12px;color: #fff;font-family: Arial, Helvetica, sans-serif;}
.page-section-path a:hover {border: 1px solid rgba(255,255,255,1);}
.page-path .page-section-path a.cur {border: none;padding: 2px 10px;}
.page-section-path.top15 {top: 21%;}

.page-product {padding: 5% 0 2% 0;overflow: hidden;background: #f8f8f8;}
.page-product .title-9 {text-align: center;}
.page-product-list {margin-top: 3%;}
.product-item {float: left;width: 23.5%;margin-right: 1%;margin-bottom: 1%;}
.product-item a {display: block;overflow: hidden;}
.product-item a:hover {box-shadow: 0px 0px 50px 0px rgba(136, 136, 136, 0.2);}
.product-item.mr0 {margin-right: 0;}
.product-item .img{background: none;}
.product-item .text {overflow: hidden;padding: 5% 5%;background: #fff;}
.product-item .text .title-8{position: relative;padding: 2% 0;border-bottom: 1px solid transparent;}
.product-item .text .title-8::after {content: '';width: 17px;height: 10px;background: url('../images/rl1.png');top: 50%;z-index: 11;transform: translateY(-50%);position: absolute;right: 5%;transition:all .4s ease;opacity: 0;display: none;}
.product-item .text .text-2{color: #999999;padding: 1% 0;min-height: 49px;}
.product-item a:hover .pic {transform: scale(1.05);}
.product-item a:hover .title-8{color: #212c7c;}
.product-item a:hover .title-8::after {right: 0;opacity: 1;}

.product-title {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;text-align: center;color: #fff;}
.product-title .title {position: relative;}
.product-title .title .title-10{position: absolute;left: 0;bottom: 0;width: 100%;}
.product-title .title .english-3{text-transform: uppercase;line-height: 170px;}
.product-title .title .english-3 span {opacity: .1;}
.product-title .title-7{margin-top: .5%;}
.product-title .linkurl-1 {margin-top: 2%;}
.product-title .linkurl-1 a {width: 160px;line-height: 60px;text-align: center;background: #212c7c;color: #fff;font-size: 16px;display: block;margin: auto;}
.product-date {margin-top: 5%;}
.product-date li{list-style: none;display: inline-block;vertical-align: middle;position: relative;overflow: hidden;padding: 0 3%;}
.product-date li::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .1;}
.product-date li:last-child::after {display: none;}
.product-date h3{font-weight: normal;margin: 0;padding: 0;display: block;}
.product-date strong{font-weight: normal;margin: 0;padding: 0;display: inline-block;vertical-align: middle;font-size: 36px;font-family: 'Montserrat-Light';}
.product-date sub{display: inline-block;vertical-align: middle;font-size: 18px;font-family: 'Montserrat-Light';margin-top: 8px;margin-left: 10px;}
.product-date p{display: block;font-size: 16px;opacity: .6;padding: 5px 0;margin: 0;}
.product-date.num4 li {width: 7%;}      

.page-product-characteristic {background: #f7f7f7;padding: 7% 0;overflow: hidden;}
.product-characteristic-top{overflow: hidden;position: relative;}
.product-characteristic-top .title{position: relative;}
.product-characteristic-bottom {margin-top: 4%;overflow: hidden;}
.product-characteristic-swiper {position: relative;}
.product-characteristic-swiper .img{background: #fff;position: relative;}
.product-characteristic-swiper .img img {opacity: 0;transform: scale(2);}
.product-characteristic-swiper .text {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 11;text-align: center;}
.product-characteristic-swiper .text .icon-1{position: relative;border: 2px solid #e8e8e8;border-radius: 4px;width: 88px;height: 88px;margin: auto;}
.product-characteristic-swiper .text .title-8{line-height: 20px;}
.product-characteristic-swiper .img::before {content: '';width: 100%;height: 4px;background: #212c7c;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.product-characteristic-swiper .swiper-slide * {transition:all .4s ease;}
.product-characteristic-swiper .swiper-slide:hover .img::before{height: 100%;opacity: 0;}
.product-characteristic-swiper .swiper-slide:hover .img {background: #212c7c;}
.product-characteristic-swiper .swiper-slide:hover .img img {opacity: 1;transform: scale(1);}
.product-characteristic-swiper .swiper-slide:hover .icon-1 img{filter: invert(100%);}
.product-characteristic-swiper .swiper-slide:hover .title-8 {color: #fff;}
.product-characteristic-swiper .swiper-slide:hover .line-3  {background: #fff;}
.characteristic-prev,.characteristic-next {left: auto;right: 0;width: 50px;height: 50px;margin-top: -25px;border-radius: 100%;background: #fff;transition:all .4s ease;}
.characteristic-prev::after,.characteristic-next::after {font-size: 12px;color: #000;}
.characteristic-prev {right: 60px;}
.characteristic-prev:hover,.characteristic-next:hover {background: #d9b982;}
.characteristic-prev:hover::after,.characteristic-next:hover::after {color: #fff;}

.page-product-application {padding: 5% 0 !important;overflow: hidden;width: 80%;margin: auto;}
.page-product-application .section-content{width: 100%;}
.product-application-left {float: left;width: 50%;}
.product-application-swiper {overflow: hidden;}
.product-application-swiper .swiper-slide-active .img .pic{animation: fangda2 4000ms 1 ease forwards;}
.product-application-right {float: left;width: 40%;padding-left: 5%;position: relative;}
.product-application-right .title{margin-top: 20%;}
.product-application-right .title .entitle-1 {margin-top: 5%;}
.application-list {overflow: hidden;padding: 3% 0;margin-top: 5%;}
.application-item {float: left;width: 48%;margin-right: 1.5%;margin-bottom: 1.5%;}
.application-item.mr0 {margin-right: 0;}
.application-item a{display: block;border: 1px solid #f4f4f4;position: relative;overflow: hidden;cursor: pointer;}
.application-item .title{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;}
.application-item .number-4{position: absolute;left: 10%;top: 15%;width: 80%;}
.application-item .title-4{position: absolute;left: 10%;bottom: 15%;width: 80%;}
.application-item .img {background: #fff;}
.application-item img{opacity: 0;}
/* .application-item a:hover .title-4,.application-item a:hover .number-4{color: #fff;}
.application-item a:hover img{opacity: 1;}
.application-item a:hover .img {background: #212c7c;} */
.application-item.cur .title-4,.application-item.cur .number-4{color: #fff;}
.application-item.cur img{opacity: 1;}
.application-item.cur .img {background: #212c7c;}

.page-product-download {background: #f7f7f7;padding: 7% 0;overflow: hidden;}
.product-download-top{overflow: hidden;position: relative;}
.product-download-top .title{position: relative;}
.product-download-bottom {margin-top: 4%;overflow: hidden;}
.product-download-swiper {position: relative;}
.product-download-swiper a{display: block;position: relative;overflow: hidden;}
.product-download-swiper .title {position: absolute;left: 10%;top: 15%;width: 80%;z-index: 11;}
.product-download-swiper .type-1 {color: #212c7c;}
.product-download-swiper .title-6 {margin-top: 3%;}
.product-download-swiper .download-1 {position: absolute;left: 10%;bottom: 15%;z-index: 11;padding-right: 30px;background: url('../../product/images/d.png') right center no-repeat;}
.product-download-swiper .img {background-color: #fff;position: relative;}
.product-download-swiper .img::before{content: '';background: url('../../product/images/pdf.png') center no-repeat;background-size: 100%;position: absolute;left: 25%;top: 0;width: 100%;height: 100%;z-index: 10;transition:all .4s ease;}
.product-download-swiper .img img{opacity: 0;}
.product-download-swiper a:hover .img::before{background-size: 60%;}
.product-download-swiper a:hover .title-6 ,.product-download-swiper a:hover .download-1 {color: #212c7c;}

.page-product-detail-pic {overflow: hidden;}
.page-product-detail-pic img {display: block;max-width: 100%;height:auto;}

.page-product-specifications {padding: 5% 0;overflow: hidden;background: #f7f7f7;}
.page-product-specifications-top {text-align: center;}
.page-product-specifications-bottom {padding-top: 5%;font-size: 16px;color: #999999;}
.page-product-specifications-bottom img {display: block;max-width: 100%;height:auto;}


.page-data-parameter {padding: 5% 0;background: #fff}
.page-data-parameter .section-content {overflow: hidden;}
.parameter-bottom-pic {position: relative;overflow: hidden;padding: 3% 0;}
.parameter-bottom-pic img{max-width: 100%;height: auto;width: auto;}



/* application */
.page-application-area {padding: 5% 0;overflow: hidden}
.application-area-list {overflow: hidden;}
.application-area-item {float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;}
.application-area-item.mr0 {margin-right: 0;}
.application-area-item a{display: block;}
.application-area-item .text{padding: 3% 0;}
.application-area-item .title-8{border-bottom: 1px solid #ededed;padding-bottom: 2%;}
.application-area-item .text-2{padding-top: 2%;color: #999999;height: 450px;
    overflow: auto;}
.application-area-item .detail-2{margin-top: 2%;position: relative;padding-bottom: 10px;display: inline-block;}
.application-area-item .detail-2::after {content: '';width: 0px;height: 1px;background: #212c7c;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.application-area-item a:hover .img .pic{transform: scale(1.05);}
.application-area-item a:hover .title-8,.application-area-item a:hover .detail-2 span{color: #212c7c;}
.application-area-item a:hover .detail-2::after {width: 100%;}
.application-area-item a:hover .detail-2 i {filter: grayscale(0);opacity: 1;}

.page-path {margin-top: 110px;}
.page-path .page-section-path{position: relative;left: auto;top: auto;padding: 1% 0;width: 96%;margin: auto;}
.page-path .page-section-path a {color: #000; border: 1px solid rgba(0,0,0,.2);}
.page-path .page-section-path span {color: #666;}

.page-application-detail {width: 96%;margin: auto;padding: 1% 0;overflow: hidden;}
.application-detail-top-pic {position: relative;}
.application-detail-top-pic-swiper {position: relative;}
.application-detail-top-pic-swiper .pic{overflow: hidden;opacity: 0;}
.application-detail-top-pic-swiper .swiper-slide-active .pic{animation: fangda2 4000ms 1 ease forwards;opacity: 1;}
@keyframes fangda2{0%{transform:scale(1);} 100%{transform:scale(1.05);}}
.application-prev {left: 2%;}
.application-next {right: 2%;}
.application-prev::after,.application-next::after {font-size: 16px;color: #fff;}
.application-pagination {bottom: 5%!important;}
.application-pagination span{background: #fff;opacity: 1;width: 4px;height: 4px;margin: 0 5px!important;}
.application-pagination .swiper-pagination-bullet-active {background: #212c7c;}
.application-text {position: absolute;left: 10%;top: 50%;z-index: 11;color: #fff;display: inline-block; border-bottom: 1px solid rgba(255,255,255,.4);padding: 1% 0;}
.application-text .number-3 {display: inline-block;vertical-align: top;}
.application-text .title-3 {display: inline-block;vertical-align: top;margin-top: 5%;margin-left: 10px;}

.application-detail-main {width: 80%;margin: auto;padding: 2% 0;overflow: hidden;}
.application-detail-main-top {border-bottom: 1px solid #ededed;padding: 1.5% 0;overflow: hidden;position: relative;}
.application-detail-main-top .return-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.application-detail-main-top .return-1 a{font-size: 16px;display: block;background: #212d7b;width: 140px;height: 47px;line-height: 47px;display: inline-block;text-align: center;border-radius:100px;color: #fff;}
.application-detail-main-top .return-1 a:hover {background: #0093de;color: #fff;}
.application-detail-center {position: relative;overflow: hidden;padding:3% 0;border-bottom: 1px solid #ededed;}
.application-detail-left {float: left;width: 10%;}
.application-detail-right {float: left;width: 90%;overflow: hidden;}
.application-detail-main-center{font-size: 18px;line-height: 26px;color: #505050;position: relative;overflow: hidden;}
.application-detail-main-center img {max-width: 100%;width:auto;height: auto;}
.application-detail-main-bottom {overflow: hidden;padding: 3% 0;}
.application-detail-main-bottom a{display: block;border-bottom: 1px solid #ededed;padding:3% 0;overflow: hidden;}
.application-detail-main-bottom span {/* display: inline-block; */vertical-align: middle;font-size: 16px;color: #bebebe;}
.application-detail-main-bottom strong {display: inline-block;vertical-align: middle;font-size: 28px;color: #202020;margin-left: 2%;}
.application-detail-main-bottom a:hover {border-bottom: 1px solid #212c7c;}
.application-detail-main-bottom a:hover strong {color: #212c7c;}
.application-detail-bottom {padding: 3% 0;overflow: hidden;}
.application-detail-bottom-top {position: relative;}
.application-detail-bottom-top a {display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.application-detail-bottom-top a:hover {color: #212c7c;}
.application-other {overflow: hidden;}
.application-detail-share {position: absolute;left: 0;top: 5%;z-index: 11;}
.application-detail-share a{display: block;position: relative;width: 70px;height: 70px;background: #f8f8f8;margin-bottom: 2px;}
.application-detail-share img {opacity: 1;filter: invert(100%);opacity: .2;}
.application-detail-share a:hover {background: #212c7c;}
.application-detail-share a:hover img{filter: invert(0);opacity: 1;}



/* advantages */
.page-section-banner.advantages .text {width: 80%;}
.page-section-banner.advantages .text .date{right:auto;left: auto;top: auto;transform: none;bottom:auto;text-align: left;position: relative;margin-top: 4%;width: 100%;}
.page-section-banner.advantages .text .date .item-1 {min-width: 18%; margin-left: 0px;margin-right: 20px;}
.page-advantages {padding: 5% 0;overflow: hidden;}
.advantages-top {padding-bottom: 2%;position: relative;overflow: hidden;border-bottom: 1px solid #ededed;}
.advantages-top .title-3{color: #999999;}
.technological-innovation {overflow: hidden;}
.technological-innovation .title{text-align: center;}
.technological-innovation .title-2{color: #7a7a7a;font-weight: 900;}
.technological-innovation-list {padding: 2% 0 0 0;overflow: hidden;text-align: center;}
.technological-innovation-item {float: left;width: 48%;overflow: hidden;}
.technological-innovation-item:last-child {float: right;}
.technological-innovation-item .text{padding: 4% 0;overflow: hidden;}
.technological-innovation-item .line-5{height: 20px;width: 1px;margin: 10px auto;background: #212c7c;}
 .technological-innovation-item .text-2{/*border: 1px solid #fff;margin-top: 3%;*/overflow: hidden;padding: 4% ;color: #7a7a7a;line-height: 30px;min-height: 190px;} 

.page-throughput {padding: 5% 0 5% 0;overflow: hidden;background-size: cover;}
.throughput-content {text-align: center;}
.throughput-content .title-2{color: #7a7a7a;font-weight: 900;}
.throughput-content-list {text-align: center;}
.throughput-item {margin: 2% 2% 0 2%;display: inline-block;vertical-align: top;padding: 0 .5%;max-width: 16%;transition:all .4s ease;}
.throughput-item .icon{position: relative;width: 170px;height: 170px;margin: auto;background: url('../images/hw.png') center no-repeat;background-size: 100%;}
.throughput-item .title-4{margin-top: 40px}
.throughput-item .text-2{margin-top: 30px;}
.throughput-item:hover {margin: 0 2% 2% 2%;}

.throughput-content-item4 {overflow: hidden;width: 80%;margin: auto;padding-bottom: 6%;position: relative;}
.throughput-content-pic {overflow: hidden;}
.throughput-content-pic-swiper {overflow: hidden;}
.throughput-content-pic-swiper .img{position: relative;overflow: hidden;}
.throughput-content-pic-swiper .img img{display: block;}
.throughput-content-text {position: absolute;width: 76%;bottom: 0;right: 0;z-index: 11;}
.throughput-content-text-item  {width: 25%;float: left;position: relative;overflow: hidden;}
.throughput-content-text-item::after{content: '';width: 100%;height:10px;background: #fff;position: absolute;left: 0;bottom: 0;z-index: 111;opacity: .2;}
.throughput-content-text-item a {display: block;overflow: hidden;position: relative;}
.throughput-content-text-item a::after{content: '';width: 1px;height: 100%;background: #eaeaea;position: absolute;right: 0;top: 0;z-index: 1;}
.throughput-content-text-item .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;font-size: 20px;z-index: 11;text-align: left;padding: 10%;box-sizing: border-box;}
.throughput-content-text-item .num-1{color: #cccccc;font-size: 20px;font-family: 'Montserrat-Regular';}
.throughput-content-text-item .title-2{color: #7a7a7a;font-size: 20px;margin: 14% 0;min-height: 60px;}
.throughput-content-text-item .text-3{color: #7a7a7a;font-size: 15px;line-height:24px;font-weight: normal;}
.throughput-content-text-item .img {background: #fff;}
.throughput-content-text-item .img img {opacity: 0;}
.throughput-content-text-item.cur .title-2,.throughput-content-text-item.cur .text-3,.throughput-content-text-item.cur .num-1{color: #fff;}
.throughput-content-text-item.cur .num-1 {opacity: .3;}
.throughput-content-text-item.cur .img{background: #212c7c;}
.throughput-content-text-item.cur .img img {opacity: 1;}



.page-market-layout {padding: 5% 0;overflow: hidden;}
.market-layout-content {text-align: center;}
.market-layout-content .title {color: #7a7a7a;}
.market-layout-content .date{margin-top: 2%;}
.market-layout-content .item-1{display: inline-block;min-width: 15%;text-align: left;border-bottom: 1px solid #eaeaea;padding:1% 0;overflow: hidden;margin-left: 20px;}
.market-layout-content .number-3{color: #59b746;display: inline-block;vertical-align: top;}
.market-layout-content .title-3{display: inline-block;vertical-align: top;margin-top: 2%;margin-left: 10px;}
.market-layout-content .title-3 span{color: #212c7c;}
.market-layout-content .img {background: none;position: relative;padding: 4% 0;}
.market-layout-content .img .pic {display: inline-block;position: relative;}
.market-layout-content .img .pic img {display: inline-block;width: auto;}
.market-layout-content .img .dian-1 {position: absolute;width: 70px;left: 0;top: 0;z-index: 11;}
.market-layout-content .img .dian-1 i{display: block;min-width: 40px;min-height: 40px;position: relative;}
.market-layout-content .img .dian-1 i img {position: relative;z-index: 11;}
.market-layout-content .img .dian-1 i::before,.market-layout-content .img .dian-1 i::after {content: '';width: 53px;height: 20px;position: absolute;left: 50%;bottom: 0;background: url('../../advantages/images/yuan.png') center no-repeat;background-size: 100%;transform: translateX(-50%);opacity: 0;}
.market-layout-content .img .dian-1 i::before {animation: dianfanda 4000ms ease infinite;}
.market-layout-content .img .dian-1 i::after {animation: dianfanda1 6000ms ease infinite;animation-delay:4000ms;}
.market-layout-content .img .dian-1 span{display: block;font-size: 16px;color: #7a7a7a;padding:4px 0;}
.market-layout-content .img .dian-1.cur i{padding-bottom: 5px;}
.market-layout-content .img .dian-1.dian1 {left: 62%;top: 29%;}
.market-layout-content .img .dian-1.dian2 {left: 26%;top: 28%;}
.market-layout-content .img .dian-1.dian3 {left: 46%;top: 31%;}
.market-layout-content .img .dian-1.dian4 {left: 84%;top: 33%;}
.market-layout-content .img .dian-1.dian5 {left: 79%;top: 45%;}
.market-layout-content .img .dian-1.dian6 {left: 72%;top: 62%;}
@keyframes dianfanda{0%{transform:translateX(-50%) scale(0);opacity: 1;} 100%{transform:translateX(-50%) scale(2);opacity: 0;}}
@keyframes dianfanda1{0%{transform:translateX(-50%) scale(0);opacity: 1;} 100%{transform:translateX(-50%) scale(1);opacity: .8;}}

.linesvg {z-index: 8;position: absolute;}
.linesvg svg {width: 100%;display: block;height: auto;}
.linesvg-1 {width: 408.5px;height: 81.5px;right: 33%;top: 25%;}
.linesvg-2 {width: 183.5px;height: 45.5px;right: 34%;top: 33%;}
.linesvg-3 {width: 111.5px;height: 125.5px;left: 65%;top: 40%;}
.linesvg-4 {width: 182.5px;height: 60.5px; left: 65%;top: 39%;}
.linesvg-5 {width: 227.5px;height: 29.5px; left: 66%;top: 35%;}
.path {stroke-dashoffset: 1000;stroke-dasharray: 1000;stroke-width: 1px;stroke:rgb(89, 183, 70); }
.pathdash1 .path{animation: dash1 3000ms linear infinite;}
@keyframes dash {from {stroke-dashoffset: 0;}to{stroke-dashoffset: 1000;}}
@keyframes dash1 {100% {stroke-dashoffset: 0;}}
/* stroke-dasharray: 4 2; */



/* about */
.page-baitu-shares {padding: 4% 0 0 0;overflow: hidden;}
.page-baitu-shares .section-content {overflow: visible;}
.baitu-shares-top {border-bottom: 1px solid #ededed;padding: 1.5% 0;overflow: hidden;position: relative;}
.baitu-shares-top .title-3{color: #999999;}
.page-baitu-shares .img{background: none;background-size: cover;}
.baitu-shares-center {padding: 3% 0;}
.baitu-shares-center-left {float: left;width: 45%;}
.baitu-shares-center-left .text{margin-top: 10%;}
.baitu-shares-center-left .text-7{color: #666666;}
.baitu-shares-center-left .text-7 strong{font-weight: normal;font-family: 'Montserrat-Regular';color: #7a7a7a;}
.baitu-shares-center-right {float: right;width: 48%;position: relative;padding: 0 5%;margin-right: -5%;}		
.yuanshu-1 {position: absolute;width: 100%;height: 100%;left: 0;top: 35%;z-index: 11;}
.baitu-shares-bottom {clear: both;padding: 3% 0;}
.baitu-shares-bottom-left {float: left;width: 30%;position: relative;padding: 0 5%;margin-left: -5%;}
.baitu-shares-bottom-right {float: right;width: 65%;}
.baitu-shares-bottom-right .text{margin-top: 10%;}
.baitu-shares-bottom-right .text-6{color: #a0a0a0;}
.baitu-shares-bottom-right .text-7 {color: #666666;}
.baitu-shares-bottom-right .text-7 strong{font-weight: normal;font-family: 'Montserrat-Regular';color: #7a7a7a;}
.yuanshu-2 {position: absolute;width: 45%;height: auto;left: 0;top: -15%;z-index: 11;}
.clear-bottom {clear: both;width: 100%;height: 100px;}

.page-about-date {position: relative;width: 100%;height: 100%;}
.bout-date-list {position: absolute;width: 80%;left: 10%;top: 50%;text-align: center;transform: translateY(-50%);z-index: 11;}
.bout-date-list .index-about-content-item {width: 24%;display: inline-block;margin: 0 .1%;float: none;}
.bout-date-list .index-about-content-item a {display: block;background: rgba(0,0,0,.3);}

.page-about-strength {padding: 2% 0;overflow: hidden;}
.about-strength-left {float: left;width: 40%;}
.about-strength-left .text-6 {color: #a0a0a0;margin-top: 15%;}
.about-strength-right  {float: right;width: 50%;}
.about-strength-list {overflow: hidden;text-align: right;font-size: 0;}
.about-strength-item {width: 24%;display: inline-block;margin:0.5%;}
.about-strength-item a{display: block;border: 1px solid #ededed;position: relative;}
.about-strength-item .icon-1 {position: relative;width: 165px;height: 165px;overflow: hidden;}
.about-strength-item .title-7 {position: absolute;right: 10%;top: 13%;color: #7a7a7a;width: 30%;text-align: right;}
.about-strength-item .text-6 {position: absolute;right: 10%;bottom:13%;}
.about-strength-item a:hover {border: 1px solid #212c7c;}			
.about-strength-item a:hover .title-7,.about-strength-item a:hover .text-6 {color: #212c7c;}

.page-about-honor {padding: 5% 0 4% 0;overflow: hidden;background: url('../../about/images/bg3.jpg') center no-repeat;background-size: cover;}
.about-honor-left{float: left;width: 40%;}
.about-honor-left .img{background: none;}
.about-honor-right{float: right;width: 50%;}
.about-honor-right .text-6{color: #a0a0a0;margin-top: 3%;}
.about-honor-right .text-8{color: #666666;position: relative;padding: 5% 0;overflow: hidden;margin-top: 3%;}
.about-honor-right .text-8 strong {color: #212c7c;}
.about-honor-right .text-8::before,.about-honor-right .text-8::after {content: '';width: 20px;height: 19px;position: absolute;z-index: 11;}
.about-honor-right .text-8::before {background: url('../../about/images/syh1.png') center no-repeat;left: 0;top: 0;}
.about-honor-right .text-8::after {background: url('../../about/images/syh2.png') center no-repeat;right: 0;bottom: 0;}

.affiliated-enterprises {padding: 5% 0;overflow: hidden;}
.affiliated-enterprises .title{text-align: center;}
.affiliated-enterprises .title-13{color: #7a7a7a;}
.affiliated-enterprises .text-2{color: #a0a0a0;margin: auto;margin-top: 3%;width: 80%;}
.affiliated-enterprises-content {overflow: hidden;position: relative;}
.affiliated-enterprises-left {background: #f8f8f8;padding: 5% 10%;float: left;width: 50%;margin-top: 5%;}
.affiliated-enterprises-left .text{width: 70%;}
.affiliated-enterprises-left .title-12{color: #1a1a1a;}
.affiliated-enterprises-left .text-6{color: #666666;margin-bottom: 4%;}
.affiliated-enterprises-left .text-2{color: #a0a0a0;text-align: justify;min-height: 300px;}
.affiliated-enterprises-right {position: absolute;width: 40%;right: 5%;top: 0;padding: 0 3%;height: 100%;z-index: 11;}
.affiliated-enterprises-right .img{background-repeat: no-repeat;background-position: center;}
.affiliated-enterprises-right .pic {margin-top: 30%;}
.affiliated-enterprises-right .yuanshu-1{top: 25%;} 
.affiliated-enterprises-right .yuanshu-3{overflow: hidden;}
.yuanshu-3{position: absolute;width: 100%;height: auto;left: 0;top: 10%;z-index: 11;}
.affiliated-enterprises-content.fr .affiliated-enterprises-left{float: right;margin-top: 5%;}
.affiliated-enterprises-content.fr .affiliated-enterprises-left .text {float: right;}
.affiliated-enterprises-content.fr .affiliated-enterprises-right {right: auto;left: 7%;}
/*.affiliated-enterprises-content.fr .affiliated-enterprises-right .pic {margin-top: 70%;}*/

.baitu-history-content {overflow: hidden;}
.history-content {width: 80%;margin: auto;position: relative;padding-bottom: 5%;}
.history-swiper {position: relative;}
.history-item {text-align: center;}
.history-item .number-5{color: #212c7c;margin-top: 23%;}
.history-item .img{opacity: 0;width: 50%;margin: 5% auto;}
.history-item .title-4{opacity: 0;color: #646464;font-weight: 900;margin: 2% 0;}
.history-swiper .swiper-slide-active .number-5{font-size: 250px;line-height: 260px;margin-top:0;letter-spacing: -10px;}
.history-swiper .swiper-slide-active .img{opacity: 1;}
.history-swiper .swiper-slide-active .title-4{opacity: 1;}
.history-prev,.history-next {width: 48px;height: 48px;border: 2px solid #7a7a7a;border-radius: 100%;margin-top:auto;top: 20%;transition:all .4s ease;}
.history-prev::after,.history-next::after {font-size: 16px;color: #7a7a7a;transition:all .4s ease;}
.history-prev:hover,.history-next:hover  {border: 2px solid #212c7c;}
.history-prev:hover::after,.history-next:hover::after {color: #212c7c;}

.page-corporate-culture {padding: 2% 0;overflow: hidden;}
.page-corporate-culture .title-3{color: #999999;}
.corporate-culture {overflow: hidden;background: #212c7c;margin-top: 3%;position: relative;}
.corporate-culture-left {float: left;width: 75%;}
.corporate-culture-right {width: 24%;height: 100%;position: absolute;right: 0;top: 0;background: url('../images/tubiao1.png') 110% 110% no-repeat;}
.corporate-culture-right .text{color: #fff;padding: 17% 9% 0 9%;overflow: hidden;}
.corporate-culture-right .title-5{margin: 4% 0 0 0;font-weight: 500;line-height: 30px;}
.corporate-culture-right .text-14{text-transform: uppercase;color: #7a7a7a;}
.corporate-culture-bottom {text-align: center;padding: 4% 0 0 0;overflow: hidden;}
.corporate-culture-bottom .title{overflow: hidden;}
.corporate-culture-bottom .text-6{margin-top: 1%;color: #a0a0a0;}
.corporate-culture-bottom-content {padding: 3% 0 0 0;overflow: hidden;position: relative;}
.corporate-culture-bottom-content .pic{position: relative;padding-bottom: 2%;}
.corporate-culture-bottom-content .pic img{display: inline-block;max-width: 100%;width: auto;}
.corporate-culture-item {position: absolute;z-index: 11;width: 23%;text-align: right;}
.corporate-culture-item .title-8 {color: #52af3e;font-weight: 900;margin-right: 2%;}
.corporate-culture-item .text-2 {overflow: hidden;line-height: 28px;}
.corporate-culture-item .text-2 li{list-style: none;margin: 0;padding: 0;padding-right: 10px;position: relative;color: #939391;margin-top: 5%;}
.corporate-culture-item .text-2 li::after {content: '';width: 4px;height: 4px;border-radius: 100%;position: absolute;right: 0;top: 13px;background: #212c7c;}
.corporate-culture-item.cci1 {left: 6%;top: 20%;}
.corporate-culture-item.cci2 {right: 6%;top: 20%;text-align: left;}
.corporate-culture-item.cci3 {left: 6%;bottom: 0;}
.corporate-culture-item.cci4 {right: 6%;bottom: 0;text-align: left;}
.corporate-culture-item.cci2 .text-2 li,.corporate-culture-item.cci4 .text-2 li {padding-right: 0px;padding-left: 10px;}
.corporate-culture-item.cci2 .text-2 li::after,.corporate-culture-item.cci4 .text-2 li::after {right: auto;left: 0;}
.corporate-culture-item.cci2 .point-1 {right: auto;top: 32.5%;left: -21%;}
.corporate-culture-item.cci3 .point-1 {right: -21%;top: 2%;}
.corporate-culture-item.cci4 .point-1 {right: auto;top: 2%;left: -21%;}
.corporate-culture-bottom-content .pic {position: relative;display: inline-block;padding-bottom: 0;}
.corporate-culture-bottom-content .pic img {display: inline-block;}
.yuanxing-1 {width: 370px;height: 370px;position: absolute;left: 50%;top: 50%;z-index: 11;background: #212c7c url('../images/yuan1.png') center no-repeat;border-radius: 100%;animation:turnrotate2 8000ms linear infinite;margin: -185px 0 0 -185px;}
.logo-2 {width: 270px;height: 50px;background: url('../images/logo2.png') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 12;}
@keyframes turnrotate2{0%{-webkit-transform:rotate(360deg);}25%{-webkit-transform:rotate(270deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(90deg)}100%{-webkit-transform:rotate(0deg);}}
.point-1 {width: 30px;height: 30px;position: absolute;right: -21%;top: 29%;z-index: 11;}
.point-1 i {width: 30px;height: 30px;display: block;position: relative;}
.point-1 i::before {content: '';width: 5px;height: 5px;border-radius: 100%;background: #212c7c;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 14;}
.point-1 i::after {content: '';width:30px;height: 30px;border-radius: 100%;background: #212c7c;position: absolute;left: 50%;top: 50%;z-index: 12;opacity: .2;margin: -15px 0 0 -15px;}
.point-1 i::after {animation:fanday1 1000ms linear infinite;}
@keyframes fanday1{0%{-webkit-transform:scale(0);opacity: .5;}100%{-webkit-transform:scale(1.5);opacity: 0;}}



.honor-section-content {padding-bottom:8%;overflow: hidden;width: 80%;margin: auto;}
.honor-section-list {padding: 0;overflow: hidden;}
.honor-section-item {float: left;width: 24%;margin-right: 1%;margin-bottom: 1%;overflow: hidden;}
.honor-section-item.mr0 {margin-right: 0;}
.honor-section-item a{display: block;position: relative;background: #f4f7f9;overflow: hidden;}
.honor-section-item a::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 13;background: url('../images/big.png') center no-repeat rgba(3, 52, 144, 0.8);transition:all .4s ease;opacity: 0;}
.honor-section-item .img{position: relative;}
.honor-section-item .img img {max-width: 80%;max-height: 80%;}
.honor-section-item .title-3{text-align: center;color: #202020;padding-bottom: 10%;}
.honor-section-item a:hover::before {opacity: 1;}
.honor-more {background: #212c7c url('../images/load.png') center no-repeat;width: 100%;height: 80px;margin-top:1%;cursor: pointer;transition:all .4s ease;}
.honor-more:hover {background: #b1b8a5 url('../images/load.png') center no-repeat;}

.baitu-news-nav {padding: 3% 0;overflow: hidden;}
.baitu-news-nav a{display: block;float: left;margin-right: 10px;border: 1px solid #ccc;padding: 15px 20px;position: relative;width: 250px;font-size: 18px;color: #4a4a4a;}
.baitu-news-nav a::after {content: '';width: 14px;height: 9px;position: absolute;right: 5%;top: 50%;background: url('../../about/images/r1.png');margin-top: -4.5px;opacity: .6;display: none;}
.baitu-news-nav a.cur {background: #212c7c;border: 1px solid #212c7c;color: #fff;}
.baitu-news-nav a.cur:hover {color: #fff;}
.baitu-news-nav a.cur::after {opacity: 1;filter: invert(100%);}
.baitu-news-nav a:hover {border: 1px solid #212c7c;color: #212c7c;}

.news-section-content {width: 80%;margin: auto;padding: 0 0 3%  0;overflow: hidden;}
.news-section-list {overflow: hidden;}
.news-item {float: left;width: 23%;margin-right: 2%;margin-bottom: 3%;}
.news-item.mr0 {margin-right: 0;}
.news-item a{display: block;background: #fff;position: relative;}
.news-item .img {overflow: hidden;}
.news-item .pic {overflow: hidden;}
.news-item .text {padding: 9% 8%;overflow: hidden;min-height: 145px;position: relative;}
.news-item .title-6 {overflow: hidden;}	
.news-item .date-1 {color: #999999;position: absolute;bottom: 17%;left: 8%;}
.news-item a:hover .pic{transform: scale(1.05);}	
.news-item a:hover {background: #212c7c;}
.news-item a:hover .title-6,.news-item a:hover .date-1  {color: #fff;}
.news-item.nis1 {width: 65.6%;}
/* .news-item.nis1 .text{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 11;color: #fff;padding: 5%;}
.news-item.nis1 .title-6 {font-size: 30px;}
.news-item.nis1 .date-1 {color: #fff;opacity: .6;left: 5%;} */
.news-item.nis1 {width: 31.33%;margin-right: 0;}
.news-item.nis5,.news-item.nis8 {margin-right: 0;}
.bg1 {background: #f7f7f7;}

.fanye-page {text-align: center;margin: 2% auto;clear: both;font-size: 0;}
.fanye-page a{display: inline-block;vertical-align: middle;height: 45px;border: 1px solid #dfdfdf;border-radius: 100px;margin: 0 3px;font-family: 'Montserrat-Light',PingFang SC,"Source Han Sans",Arial,sans-serif;line-height: 48px;text-align: center;color: #999999;min-width: 45px;}
.fanye-page a.prev,.fanye-page a.next{position: relative;width: 45px;padding: 0;}
.fanye-page a.prev::before,.fanye-page a.next::before{content: '';width: 14px;height: 9px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.fanye-page a.prev:before {background: url('../images/l1.png') center no-repeat;}
.fanye-page a.next::before {background: url('../images/r1.png') center no-repeat;}
.fanye-page a.next:hover:before,.fanye-page a.prev:hover:before {filter: invert(100%);}
.fanye-page a.cur{background: #212c7c;color: #fff;}
.fanye-page a:hover {background: #212c7c;color: #fff;}
.fanye-page a:first-child,.fanye-page a:last-child {padding: 0 15px;}

.page-news-detail {padding: 5% 0;overflow: hidden;}
.news-detail-content{overflow: hidden;}
.news-detail-left{float: left;width: 63%;overflow: hidden;position: relative;}
.return-1{overflow: hidden;}
.return-1 a{display: block;}
.return-1 i{font-style: normal;font-family:Arial, Helvetica, sans-serif;width: 15px;height: 15px;border-radius: 100%;background: #f8f8f8;color: #666;text-align: center;line-height: 15px;display: inline-block;vertical-align: middle;font-size: 14px;}
.return-1 span{display: inline-block;vertical-align: middle;font-size: 14px;margin-left: 10px;color: #342b25;}
.news-detail-left .title-11{margin-top: 3%;color: #342b25;}
.news-detail-left .date-2{margin-top: 4%;font-family: 'Montserrat-Light',PingFang SC,"Source Han Sans",Arial,sans-serif;}
.news-detail-content-main{padding: 3% 0;overflow: hidden;border-top: 1px solid #ededed;margin-top: 3%;font-size: 14px;line-height: 28px;color: #808080;border-bottom: 1px solid #ededed;}
.news-detail-content-tip {padding: 3% 0;overflow: hidden;font-size: 14px;line-height: 28px;color: #a0a0a0;}

.news-detail-right {float: right;width: 33%;} 
.news-detail-turnpage {overflow: hidden;}
.news-detail-turnpage a{display: block;font-size: 16px;color: #342b25;padding: 3% 0;overflow: hidden;border-bottom: 1px solid #ededed;}
.news-detail-turnpage a:hover {color: #212c7c;}
.news-detail-share {margin-top: 4%;overflow: hidden;}
.news-detail-share .title-4{font-size: 14px;color: #999999;}
.news-detail-share .item-2{margin-top: 3%;}
.news-detail-share .item-2 a{display: inline-block;vertical-align: middle;margin-right: 10px;}
.news-detail-share .item-2 img{filter: grayscale(100%);opacity: .5;}
.news-detail-share .item-2 a:hover img {filter: grayscale(0);opacity: 1;}
.news-detail-other {margin-top: 15%;overflow: hidden;}
.news-detail-other .title-4{font-size: 30px;color: #342b25;}
.news-other{margin-top: 5%;overflow: hidden;}
.news-other .news-item {border: none;margin-right: 0;margin-bottom:6%;width: 100%;}
.news-other .news-item a {display: block;overflow: hidden;}
.news-other .news-item .img {width: 45%;float: left;}
.news-other .news-item .text {float: left;width: 45%;padding: 2% 0 0 5%;min-height:auto;}
.news-other .news-item .date-1 {display: block;position: relative;bottom: auto;left: 0;color: #999999;}
.news-other .news-item .title-4 {font-size: 16px;line-height: 26px;margin-top: 5%;}
.news-other .news-item .viewdetails-1 span{font-size: 12px;}
.news-other .news-item .img {background: none;}
.news-other .news-item a:hover {background: none;}
.news-other .news-item a:hover .date-1{color: #999999;}
.news-other .news-item a:hover .title-4 {color: #212c7c;}
.news-other .news-item a:hover .viewdetails-1 span {color: #212c7c;}

.page-baitu-about {position: relative;width: 100%;overflow: hidden;padding: 5% 0;}
.page-baitu-about .title-13 {color: #0193de;text-align: center;font-weight: bold;}
.page-social-responsibility {position: relative;width: 100%;overflow: hidden;padding: 5% 0;background: url('../images/throughput.jpg') center no-repeat;background-size: cover;}
.page-social-responsibility  .title-2 {color: #7a7a7a;text-align: center;font-weight: bold;}
.social-responsibility {padding: 5% 0;overflow: hidden;text-align: center;}
.page-social-activitiesy {position: relative;width: 100%;overflow: hidden;padding: 5% 0;background: #f1f1f1;}
.page-social-activitiesy .section-content {overflow: visible;}
.social-responsibility .throughput-item {width: 25%;box-sizing: border-box;}
.page-social-activitiesy  .title-2 {color: #7a7a7a;text-align: center;font-weight: bold;}
.social-responsibility-list {overflow: hidden;padding-top: 2%;}
.social-responsibility-swiper {overflow: hidden;}
.social-responsibility-item {overflow: hidden;}
.social-responsibility-item .img{border-radius: 14px;overflow: hidden;}
.social-responsibility-item .title-6{font-weight: bold;color: #7a7a7a;margin-top: 5%;} 
.responsibility-prev,.responsibility-next {width: 60px;height: 60px;background: #fff;border-radius: 100%;box-shadow: 0px 20px 17px 0px rgba(190, 190, 190, 0.24);margin-top: -10px;outline: none;}
.responsibility-prev::after,.responsibility-next::after {font-size: 12px;font-weight: 900;color: #59b746;}
.responsibility-prev {left: -30px;}
.responsibility-next {right: -30px;}
.responsibility-next.swiper-button-disabled,.responsibility-prev.swiper-button-disabled {display: none;}

.history-swiper {padding:0;position: relative;overflow: hidden;}
.historys-item {position: relative;width: 25%;margin: auto;float: left;}
.historys-item .img{width: 70%;margin: auto;overflow: hidden;border: 3px solid #49aa36;}
.historys-item .img-block {opacity: 0;}
.historys-item .text{margin: auto;text-align: center;position: relative;}
.historys-item .point-3{margin: auto;padding-top: 25%;position: relative;}
.historys-item .point-3::after {content: '';width: 104%;height: 1px;background: #ccc;position: absolute;left:0;bottom:13px;z-index: 1;transform: rotate(-11.3deg);}
.historys-item .point-3::before {content: '';width: 1px;height: 100%;background: #ccc;position: absolute;left: 50%;top: 0;z-index: 1;}
.historys-item .point-3 i{width: 18px;height: 18px;border: 5px solid #49aa36;border-radius: 100%;display: block;margin: auto;background: #fff;position: relative;z-index: 11;}
.historys-item .number-4{font-size: 30px;font-family: 'Montserrat-Regular';margin-top: 4%;}
.historys-item .title-4{color: #646464;font-size: 18px;margin-top: 3%;}
.historys-item .title-4 strong {color: #212c7c;}
.history-swiper .historys-item.his1  {transform: translateY(30%);opacity: 0;margin-top: 15%;transition:all .6s .4s ease;}
.history-swiper .historys-item.his2  {transform: translateY(30%);opacity: 0;margin-top: 10%;transition:all .6s .6s ease;}
.history-swiper .historys-item.his3  {transform: translateY(30%);opacity: 0;margin-top: 5%; transition:all .6s .8s ease;}
.history-swiper .historys-item.his4  {transform: translateY(30%);opacity: 0;margin-top: 0;  transition:all .6s .9s ease;}
.history-swiper .historys-item.mis5.mis5  {margin-top: 0;}
.history-swiper .historys-item.mis6.mis6  {margin-top: 20%;}
.history-swiper .historys-item.mis7.mis7  {margin-top: 40%;}
.history-swiper .historys-item.mis8.mis8  {margin-top: 60%;}
.history-swiper .historys-item.mis5 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.mis6 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.mis7 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.mis8 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.his4 .point-3::after {width: 95%;transform: rotate(-12.5deg);}
.history-swiper .swiper-slide-active .historys-item.his1,
.history-swiper .swiper-slide-active .historys-item.his2,
.history-swiper .swiper-slide-active .historys-item.his3,
.history-swiper .swiper-slide-active .historys-item.his4 {transform: translateY(0);opacity: 1;}
.baitu-history-content .history-prev{left: -30px;}
.baitu-history-content .history-next{right: -30px;}


/* contact */
.page-contact-map {padding: 3% 0;overflow: hidden;}
.contact-map-top {width: 80%;margin: auto;}
.contact-map-bottom {padding: 3% 0 0 0;;overflow: hidden;width: 100%;position: relative;}
.contact-map-bottom .img{position: relative;overflow: hidden;}

.map{position: absolute;width: 40%;float:left;height:100%;}
.contact-message-right{position: relative;width: 56%;padding:0 2%;float: right;}
.contact-map-text{position: relative;width: 60%;background: #212c7c;color: #fff;padding:3% 0;overflow: hidden;float: right;}


.contact-map-bottom .text {width: 80%;float: left;margin-left: 8%;position:relative;}
.contact-map-bottom .title-12,.contact-map-bottom .text-6,.contact-map-bottom .telemail-1,.contact-map-bottom .ewm-1{display: inline-block;vertical-align: middle;}
.contact-map-bottom .title-12{margin-bottom: 3%;padding-right:3%;}
.contact-map-bottom .text-6{width: 45%;line-height: 2rem;}
.contact-map-bottom .telemail-1{line-height: 24px;font-family: 'Montserrat-Regular';}
.contact-map-bottom .ewm-1{width: 12%;text-align: right;float: right;}
.contact-map-bottom .ewm-1 img {display: inline-block;max-width: 100%;width: auto;}






.page-contact-message {padding: 5% 0 7% 0;overflow: hidden;}
.contact-message-left {float: left;width: 30%;}
/* .contact-message-right {float: right;width: 60%;} */
.contact-message-form {overflow: hidden;margin-top: 2%;}
.contact-message-form .item-2{margin-bottom: 3%;overflow: hidden;}
.contact-message-form .item-2 li{list-style: none;margin: 0;padding: 0;float: left;width: 47%;}
.contact-message-form .item-2 li:last-child {float: right;}
.contact-message-form .item-2 li input{padding: 2% 0;}
.contact-message-form .item-1{padding: 1% 0;margin-bottom: 1%;overflow: hidden;}
.contact-message-form .item-1 textarea{min-height: 200px;padding: 2% 0;}
.contact-message-form .item-2 li input,.contact-message-form .item-1 textarea{display: block;border:none;border-bottom: 1px solid #e6e6e6;background: #fff;font-size: 16px;color: #666666;width: 100%;box-sizing: border-box;transition:all .4s ease;}
.contact-message-form .item-2 li input:focus,.contact-message-form .item-1 textarea:focus{border-bottom: 1px solid #212c7c;}
.contact-message-form .item-1 a{display: block;width: 180px;height: 55px;line-height: 55px;text-align: center;background: #212c7c;color: #fff;font-size: 14px;}	
.contact-message-form .item-1 .tijiao{display: block;width: 180px;height: 55px;line-height: 55px;text-align: center;background: #212c7c;color: #fff;font-size: 14px;}
/* .contact-map-bottom #map {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;}	 */	
/* .contact-map-bottom #map .BMap_noprint:first-child {box-shadow: 0px 16px 50px 0px rgb(50,184,66,.5);background: none!important;overflow: hidden;} */
.anchorBL,.BMap_pop,.BMap_shadow {display: none!important;}

.page-technical-support {padding: 5% 0;overflow: hidden;background: #f8f8f8;}
.page-technical-support .section-content {margin: auto;margin-top: 3%;}
.technical-support-left {float: left;width: 100%;}
.technical-support-right {float: right;width: 65%;clear: both;}
.technical-support-list {overflow: hidden;margin-top: 5%;}
.technical-support-item {margin-bottom: 2%;overflow: hidden;}
.technical-support-item a{display: block;overflow: hidden;position: relative;padding: 3.3% 3%;border-radius: 6px;background: #fff;border: 1px solid #ededed;}
.technical-support-item .title-11{color: #342b25;}
.technical-support-item .icon-1{width: 60px;height: 60px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);border-radius: 100%;background: #212c7c;}
.technical-support-item .icon-1::before {content: '';width: 19px;height: 22px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../upload/file1.png') center no-repeat;}
.technical-support-item a:hover {background: #49aa36;}
.technical-support-item a:hover .title-11{color: #fff;}
.technical-support-item a:hover .icon-1{background: #fff;}
.technical-support-item a:hover .icon-1::before {background: url('../upload/file.png') center no-repeat;}
.page-technical-support .page-path{margin-top: 1%;}

.page-section-banner .text.center {text-align: center;left: 20%;width: 60%;transform: translateY(-30%);}
.page-section-banner .text.center .title .text-9{margin-top: 2%;font-weight: 300;}
 
.page-joinus {width: 80%;margin: auto;padding: 3% 0;overflow: hidden;}
.joinus-section-top {padding: 1% 0;border-bottom: 1px solid #ededed;}
.joinus-section-bottom {overflow: hidden;padding-bottom: 5%;}
.talent-item {overflow: hidden;border-bottom: 1px solid #ededed;transition:all .4s ease;}
.talent-title{position: relative;padding: 2% 0;cursor: pointer;transition:all .4s ease;}
.talent-title span{font-size: 20px;color: #7a7a7a;}
.talent-title i{display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index:11;
	background: url('../../contact/images/ddd.png');}
.talent-title.cur span{color: #212c7c;}
.talent-title.cur i {background: url('../../contact/images/dd.png');}
.talent-title.cur {padding: 2% 0 0 0;}
.talent-item:hover .talent-title span{color: #212c7c;}
.talent-item:hover {border-bottom: 1px solid #212c7c;}
.talent-item-content {padding: 3% 0;overflow: hidden;font-size: 16px;line-height: 24px;color: #a1a1a1;font-weight: 400;display: none;}
.talent-item-content strong{color: #000;}
.talent-item-top {overflow: hidden;}
.email-1 {background: #7a7a7a;display: inline-block;padding: 10px 30px;}
.email-1 i {display: inline-block;vertical-align: middle;width: 28px;height: 19px;background: url('../../contact/images/email.png') no-repeat;}
.email-1 span {display: inline-block;vertical-align: middle;font-size: 16px;margin-left: 20px;color: #fff;}






 /* other */
.page-search-detail {padding: 5% 0 2% 0;overflow: hidden;background: #f8f8f8;}
.page-search-detail .page-content{overflow: hidden;width: 80%;margin: auto;}
.search-detail-top {padding: 8% 0 0 0;overflow: hidden;}
.search-detail-top .title-1{font-size: 40px;text-align: center;}
.search-detail-top .title-2{font-size: 18px;margin-top:8%;}
.search-detail-top .input-2{width: 100%;position: relative;}
.search-detail-top .input-1{width: 100%;display: block;border: none;background: none;border-bottom: 1px solid #ededed;font-size: 24px;padding: 1% 0;position: relative;transition:all .4s ease;}
.search-detail-top .input-1:focus {border-bottom: 1px solid #212c7c;}
.search-detail-top .submit-1 {border: none;display: block;outline: none;cursor: pointer;background: url('../images/sss.png') center no-repeat;width: 50px;height: 50px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.page-search-detail-bottom {background: #fff;padding: 3% 0 8% 0;overflow: hidden;}
.page-search-detail-bottom .page-content{overflow: hidden;width: 80%;margin: auto;}
.page-search-detail-bottom .text-1{font-size: 16px;color: #a0a0a0;}
.page-search-detail-bottom .text-1 strong{color: #202020;}
.search-detail-nav{margin-top: 4%;overflow: hidden;position: relative;}
.search-detail-nav::after {content: '';width: 100%;height: 1px;background: #dfdfdf;position: absolute;left: 0;bottom: 0;}
.search-detail-nav a{display: inline-block;vertical-align: middle;font-size: 18px;color: #7a7a7a;margin-right: 9%;padding-bottom: 30px;position: relative;padding-right: 40px;font-weight: bold;}
.search-detail-nav a::after {content: '';width: 0px;height: 2px;background: #212c7c;position: absolute;left: 0;bottom: 0;z-index: 11;}
.search-detail-nav a.cur{color: #212c7c;}
.search-detail-nav a.cur::after {width: 100%;}
.search-detail-list {padding: 3% 0;overflow: hidden;}
.search-detail-list .news-item a{background: #f8f8f8;}
.search-detail-list .news-item a:hover {background: #212c7c;}


.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}


.index-products {position: relative;width: 100%;height: 100%;}
.index-products-main {position: absolute;width: 80%;left: 10%;top: 50%;z-index: 11;height: auto;transform: translateY(-50%);color: #fff;}
.index-products-top {width: 100%;margin-top: 10%;margin-bottom: 3%;}
.index-products-top .title-1{font-size: 34px;font-weight: bold;}
.index-products-top .text-2 {font-size: 16px;line-height: 26px;margin-top: 1%;}
.index-products-center {margin-top: 7%;}
.index-products-swiper {position: relative;}
.index-products-item {overflow: hidden;}
.index-products-item a{display: block;position: relative;color: #fff;}
.index-products-item .item {border: 1px solid rgba(255,255,255,.3);position: absolute;left: 0;bottom: 0;height: 50%;width: 100%;box-sizing: border-box;}
.index-products-item .number-1 {position: absolute;right: 10%;top: 10%;font-size: 16px;z-index: 10;}
.index-products-item .text {position: absolute;bottom: 10%;left: 10%;width: 80%;z-index: 11;}
.index-products-item .text::after {content: '';width: 14px;height: 9px;position: absolute;right: 0;top: 50%;background: url('../upload/r2.png') center no-repeat;opacity: 0;}
.index-products-item .title-1 {font-size: 20px;font-weight: 400;}
.index-products-item .title-2 {font-size: 14px;opacity: .8;}
.index-products-item .img{overflow: hidden;opacity: 0;}
.index-products-item a:hover .item {border: 1px solid rgba(255,255,255,0);height: 100%;}
.index-products-item a:hover .number-1 {right: 85%;}
.index-products-item a:hover .text::after {opacity: 1;}
.index-products-item a:hover .img{opacity: 1;}
.index-products-bottom {position: relative;overflow: hidden;}













@keyframes fadeInBigs{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.0);opacity: 0;}100%{transform:scale(1.1);opacity: 1;}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:.9s;animation-duration:.9s}



@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Bold.Light');
	src: url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {font-family: 'Oswald-Medium';src: url('../fonts/Oswald-Medium.ttf');font-weight: normal;font-style: normal;}



@media screen and (max-width: 5120px) {
	 .news-detail-content-main img{max-width: 100%;height: auto;}
	 .page-section-banner .text .title .text-5 p {margin: 0;padding: 0;}
}
@media screen and (max-width: 3840px) {
	 
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	.application-area-item .text-2 {min-height: 450px;}
	.aboutdate {transform:none;text-align: left;right:0;}
	.product-title .title .english-3 {line-height: 80px;}
	.product-title .title .english-3 span {font-size: 120px;}
}
@media screen and (max-width: 1680px) {
	.title-1 {font-size: 40px;}.title-2 {font-size: 20px;}.title-3 {font-size: 16px;}.title-4 {font-size: 17px;}.title-5 {font-size: 20px;}
	.title-6 {font-size: 18px;}.title-7 {font-size: 14px;}.title-8 {font-size: 17px;}.title-9 {font-size: 24px;}
	.title-10 {font-size: 50px;}.title-11 {font-size: 22px;}.title-12 {font-size: 18px;}.title-13 {font-size: 42px;}.title-14 {font-size: 12px;}.title-15 {font-size: 30px;}
	.text-1 {font-size: 17px;}.text-2 {font-size: 12px;line-height: 26px;}.text-3 {font-size: 24px;line-height: 34px;}.text-4 {font-size: 12px;line-height: 22px;}
	.text-5 {font-size: 30px;line-height: 40px;}.text-6 {font-size: 14px;line-height: 24px;}.text-7 {font-size: 18px;line-height: 24px;}
	.text-8 {font-size: 17px;line-height: 24px;}.text-9 {font-size: 14px;line-height: 24px;}.text-14 {font-size: 12px;line-height: 20px;}
	.number-1 {font-size: 12px;}.number-2 {font-size: 50px;}.number-3 {font-size: 60px;line-height: 60px;}.number-4 {font-size: 14px;}.number-5 {font-size: 30px;}
	.entitle-1 {font-size: 40px;}.english-1 {font-size: 12px;}.english-2 {font-size: 20px;}.english-3 {font-size: 150px;}
	.viewmore-1 span,.index-product-nav i,.index-news-right .index-news-item .text .title-6,.footer-nav a,.header-nav-menu a ,.product-date p,.news-detail-turnpage a,.news-other .news-item a .title-4{font-size: 14px;}
	.type-1,.detail-2 span,.application-detail-main-top .return-1 a {font-size: 12px;}
	.application-detail-main-center,.news-other .news-item a .title-4,.contact-map-bottom .telemail-1,.talent-item-content {font-size: 14px;line-height: 24px;}
	.application-detail-main-bottom strong,.news-item.nis1 .title-6,.news-detail-other .title-4,.talent-title span {font-size: 18px;}
	.index-product-nav span,.index-about-content-item .number-2 sub,.section-banner-nav a,.baitu-news-nav a,.index-product-nav2 .text strong {font-size: 16px;}
	.index-product-nav2 .text span {font-size: 12px;}
	.header-content {height: 80px;}
	.header-nav li a.n1 {font-size: 14px;line-height: 80px;}
	.viewmore-1 i {width: 40px;height: 40px;}
	.header-nav-menu.product,.header-nav-menu.about  {top: 80px;}
	.header-nav-menu {width: 110px;top: 80px;left: -40px;}
	.product-title .title .english-3 {line-height: 130px;}
	.product-date.num4 li {width: 10%;}
	.page-path {margin-top: 90px;}
	.about-strength-item .icon-1 {width: 140px;height: 140px;}
	.about-strength-item .icon-1 img.img-center {max-width: 40%;max-height: 40%;}
	.about-strength-item .title-7 {width: 40%;font-size: 14px;}
	.history-swiper .swiper-slide-active .number-5 {font-size: 180px;line-height: 200px;}
	.honor-section-item .img img.img-center {max-width: 70%;max-height: 70%;}
	.honor-more {height: 60px;}
	.news-item .text {min-height: 123px;}
	.end-slide {height: 282px;}
	.section-banner-top-nav a {margin: 0 20px;font-size: 14px;padding: 1% 0;}
	.corporate-culture-item .text-2 {line-height: 22px;}
	.point-1 {top: 34%;right: -11%;}
	.corporate-culture-item.cci2 .point-1 {top: 47.5%;left: -11%;}
	.corporate-culture-item.cci3 .point-1 {right: -11%;top: -20%;}
	.corporate-culture-item.cci4 .point-1 {top: -20%;left: -11%;}
	.header-nav-technical-support {margin-top: 0;}
	.header-nav-technical-support a {font-size: 0;}
	.header-nav-technical-support .icon-1 img{width: 30px;}
	.header-nav-product-type a {padding: 10px 0px;}
	.header-nav-technical-support a {padding: 5px 5%;}
	.page-section-path {top: 15%;}
	.about-strength-right {width: 100%;}
	.header-nav-menu {width: 90px;left: -10px;padding: 5px 15px 10px 15px;}
	.page-section-path.top15 {top: 30%;}
	.baitu-history-content .history-prev{left: -50px;}
	.baitu-history-content .history-next{right: -50px;}
	.index-products-item .title-1 {font-size: 17px;}
	.product-title .title .english-3 {line-height: 60px;}
	.product-title .title .english-3 span {font-size: 100px;}

}
@media screen and (max-width: 1600px) {		
	.aside-top a {width: 50px;height: 50px;}
	.throughput-item .icon {width: 150px;height: 150px;}	
	.throughput-item .icon img.img-center {max-width: 30%;max-height: 30%;}
	.throughput-item .text-2 {margin-top: 10px;}
	.corporate-culture-left {width: 70%;}
	.corporate-culture-right {width: 29%;}
	.corporate-culture-bottom-content .pic {width: 60%;margin: auto;}
	.corporate-culture-item .text-2 {line-height: 22px;}
	.news-item .text {min-height: 119px;}
	.index-products-top .title-1 {font-size: 30px;}
	.index-products-top .text-2 {font-size: 14px;line-height: 24px;}
	.index-products-item .title-1 {font-size: 20px;}
	.index-products-item .title-2 {font-size: 12px;}
	.header-nav-product-type a {padding: 5px 0px;}
	.historys-item .number-4 {font-size: 20px;}
	.historys-item .title-4 {font-size: 14px;}
}
@media screen and (max-width: 1500px) {		
	.affiliated-enterprises-right {top: 30%;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right {top: 20%;}
	.news-item .text {min-height: 110px;}

	.throughput-content-text {width: 80%;}
	.throughput-content-text-item .num-1{font-size: 16px;}
	.throughput-content-text-item .title-2{font-size: 16px;margin: 10% 0;min-height: 50px;}
	.throughput-content-text-item .text-3{font-size: 12px;line-height:20px;}
	.throughput-content-text-item::after {height: 5px;}
	
	
	.product-title .title .english-3 {line-height: 60px;}
	.product-title .title .english-3 span {font-size: 80px;}

}
@media screen and (max-width: 1440px) {
	.header-nav-product-content {width: 90%;padding: 2% 0 0 0;}
	.header-nav-technical-support {margin-top: 2%;} 
	.title-1 {font-size: 30px;}.title-13 {font-size: 32px;}.title-10 {font-size: 40px;}.entitle-1 {font-size: 30px;}
	.text-7 {font-size: 15px;}
	.text-8 {font-size: 14px;line-height: 22px;}
	.news-item .text {min-height: 107px;}
	.end-slide {height: 245px;}
	.number-3 {font-size:50px;line-height: 50px;}
	.corporate-culture-item.cci1 .point-1 {top: 27%;right: -21%;}
	.corporate-culture-item.cci2 .point-1 {top: 29%;left: -21%;}
	.corporate-culture-item.cci3 .point-1 {right: -21%;top: 0;}
	.corporate-culture-item.cci4 .point-1 {top: 0;left: -21%;}
	.yuanxing-1 {width: 300px;height: 300px;margin: -150px 0 0 -150px;}
	.logo-2 {width: 200px;} 
	.application-area-item .text-2 {min-height: 62px;}
}
@media screen and (max-width: 1366px) {
	.news-item .text {min-height: 100px;}
	.number-2 {font-size: 40px;}
	.title-5 {font-size: 18px;}
	.index-news-item .viewdetails-1 {margin-top: 5%;}
	.line-2 {margin: 15px 0;} 
	.end-slide {height: 240px;}
	.throughput-item {max-width: 20%;}
	.history-swiper .swiper-slide-active .number-5 {font-size: 150px;line-height:150px;}
	.corporate-culture-item {width: 30%;}
	.corporate-culture-item.cci1,.corporate-culture-item.cci3 {left: 0;}
	.corporate-culture-item.cci2,.corporate-culture-item.cci4 {right: 0;}
	.corporate-culture-item.cci1 .point-1 {top: 22.5%;right: -13%;}
	.corporate-culture-item.cci2 .point-1 {top: 31%;left: -13%;}
	.corporate-culture-item.cci3 .point-1 {right: -13%;top: 8%;}
	.corporate-culture-item.cci4 .point-1 {top: 8%;left: -13%;}
	.yuanxing-1 {width: 260px;height: 260px;margin: -130px 0 0 -130px;}
	.throughput-content-text {width: 84%;}
	
	.product-title .title .english-3 {line-height: 70px;}
	.product-title .title .english-3 span {font-size: 90px;}
}
@media screen and (max-width: 1280px) {
	.news-item .text {min-height: 94px;}
	.map{width: 40%;}
	.contact-message-right{width: 56%;}
	.contact-map-text {width: 60%;}
	.product-title .title .english-3 {line-height: 60px;}
	.product-title .title .english-3 span {font-size: 80px;}
	.title-7{font-size: 12px;}
}
@media screen and (max-width: 1152px) {
	.news-item .text {min-height: 80px;}
	.application-area-item .text-2 {min-height:auto;}
	.index-products-bottom .img img,.index-products-bottom,.index-products-bottom .img,.index-products-bottom .pic{height: 100%;width: 100%;}
	.index-products-item .title-1 {font-size: 16px;}
	.number-2 {font-size: 30px;}
	.index-about-content-item .title-3  {font-size:12px;}
	.footer-nav a { margin-left: 20px;}
	.end-slide {height: 210px;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right .pic {margin-top: 120%;}
	.page-corporate-culture .section-content {width: 90%;}
	.corporate-culture-right .title-5 {font-size:14px;}
	.title-7{font-size: 12px;}
}
@media screen and (max-width: 1024px) {
	.throughput-content-text {width: 100%;position: relative;}
	.header-nav li a.n1 span {padding: 5px 10px;}
	.header-nav-technical-support .icon-1 {width: 25px;height: 25px;}
	.header-nav-technical-support .title-4,.header-nav-technical-support .more-1 {font-size:12px;}
	.header-nav-product-content {padding: 2% 0 5% 0;}
	.application-item .title-4 {font-size:12px;}
	.about-strength-item {width: 48%;}
	.about-strength-item .icon-1 {width: 100px;height: 100px;}
	.about-strength-item .title-7 {width: 50%;}
	.product-title .title .english-3 {line-height: 20px;}
	.product-title .title .english-3 span {font-size: 40px;}
}
@media screen and (max-width: 840px) {
	.product-application-right .title{margin-top: 0%;}
	.pcshow ,.aside-top a,.page-section-path,.point-1,.footer-contact-center {display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}
	.throughput-content-text-item {width: 100%;}
	.header-nav {position: fixed;height: 100%;width: 100%;transform: translateX(100%);transition:all .4s ease;background: #fff;}
	.no-touch .header-nav {transform: translateX(0);}
	.header-nav ul {width: 100%;height: 100%;padding-top:90px;box-sizing: border-box;overflow: auto;}
	.header-nav li,.header li a.n1 {display: block;}
	.header-nav li {border-bottom: 1px solid #ccc;}
	.header li a.n1{line-height: normal;padding: 6% 0;overflow: hidden;}
	.header-nav-menu {position: relative;left: auto;top: auto;}
	.header-nav-menu.product,.header-nav-menu.about {width: 100%;left: auto;top: auto;padding: 5%;box-sizing: border-box;overflow: hidden;}
	.index-banner-swiper .text {width: 90%;left: 5%;}
	.number-2 {font-size: 30px;}
	.title-1 {font-size: 22px;}
	.text-3 {font-size: 18px;line-height: 28px;}
	.index-about-content-left .title-5 {font-size: 16px;}
	.text-1,.index-product-nav span,.index-news-item .text .title-6,.index-product-nav2 .text strong{font-size: 14px;}
	.text-2,.title-3,.index-about-content-left .text .viewmore-1 span {font-size: 12px;line-height: 20px;}
	.viewdetails-1 span,.footer-contact-bottom{font-size: 12px;}
	.index-banner-swiper .viewmore-1 {margin-top: 10%;}
	.index-product-nav {overflow: hidden;}
	.index-product-nav a {float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;}
	.index-product-left {padding-bottom: 5%;}
	.index-application-nav {bottom: 5%;}
	.index-application-nav.num5 a {width: 48%;}
	.index-application-nav .text .english-1{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.index-about-content-left {width: 100%;height: 100%;position: relative;left: auto;top: auto;border-bottom:none;}
	.index-about-content-left .text {top: auto;left: auto;transform: none;position: relative;width: 90%;padding: 5%;}
	.viewmore-1 i {width: 30px;height: 30px;}
	.index-about-content-item .title-3{line-height: 18px;width: 80%;bottom: 5%;}
	.index-about-content-item .number-2 {transform: translateY(-60%);}
	.index-news-item .img {float: left;width: 50%;}
	.index-news-item .text {float: left;width: 46%;padding: 3% 0 0 4%;margin: 0;}
	.index-news-item a {background: none;}
	.index-news-item .date-1 {position: relative;}
	.index-news-left,.index-news-right .index-news-item {margin-bottom: 4%;}
	.footer-right,.footer-left {float: none;width: 100%;text-align: left;padding-bottom: 3%;}
	.footer {padding-top: 10%;}
	.footer-nav a {display: block;margin-left: 0px;padding: 10px 0;border-bottom: 1px solid rgba(255,255,255,.2);}
	.footer-nav a:last-child {border: none;}
	.end-slide {height: 430px;}
	.page-section-banner .text {width: 90%;left: 5%;top: 35%;}
	.page-section-banner .text .text-5 {font-size: 20px;line-height: 24px;}
	.page-section-banner .date {width: 90%;right: 5%;top: 50%;text-align: left;}
	.page-section-banner .date .item-1 {min-width: 24%;margin-right: 20px;margin-left: 0;}
	.section-banner-nav {width: 90%;left: 5%;bottom:5%;}
	.section-banner-nav a {margin-right: 5%;padding:3% 0;}
	.section-banner-nav a:last-child {margin-right: 0px;}
	.product-item,.application-area-item {float: none;width: 100%;margin-right: 0;margin-bottom: 4%;}
	.number-3 {font-size: 44px;line-height: 44px;}
	.english-3 {font-size: 60px;line-height: 60px;}
	.product-title .title .english-3 {line-height: 40px;}
	.title-10 {font-size: 30px;line-height: 30px;}
	.product-title .title,.product-title .title-7 {width: 80%;margin: auto;}
	.product-title .title-7 {padding-top: 5%;}
	.product-date.num4 li {width: 40%;margin-bottom: 3%;}
	.product-date.num4 li:nth-child(2)::after{display: none;}
	.product-characteristic-top,.product-download-top {padding-bottom: 60px;}
	.characteristic-prev, .characteristic-next {margin-top: 0px;}
	.product-application-right {padding: 5%;box-sizing: border-box;}
	.application-item {margin-right:0;width: 48% !important;margin: 0 1%;}
	.application-text {top: 30%;}
	.application-detail-main {width: 80%;padding: 5% 0;}
	.application-detail-main-top {padding-bottom: 5%;}
	.page-section-banner.advantages .text {top: 50%;}
	.technological-innovation-item .text-2 {min-height: auto;}
	.throughput-item {max-width: 44%;}
	.throughput-item .icon {width: 100px;height: 100px;}
	.throughput-item .title-4 {margin-top: 10px;}
	.market-layout-content {width: 90%;margin: auto;}
	.market-layout-content .item-1 {margin-left: 0;}
	.market-layout-content .title-3 {margin-left: 0;}
	.header-nav-menu {width: 100%;box-sizing: border-box;}
	.header-nav ul{background: #ffffff;}
	.section-banner-nav a {opacity: 1;color: #fff;margin: 0 2%;}
	.section-banner-nav a:last-child {margin: 0 2%;}
	.section-banner-nav {text-align: center;}
	.baitu-shares-center {padding: 10% 0;}
	.baitu-shares-center-right {width: 100%;padding: 0 5%;margin-right: -5%;margin-top: 10%;}
	.baitu-shares-bottom-left {float: left;width: 90%;position: relative;padding: 0 5%;margin-left: -5%;margin-top: 30%;}
	.page-baitu-shares .img {background-size: cover;}
	.baitu-shares-bottom-right {width: 100%;}
	.bout-date-list .index-about-content-item {width: 43%;margin: 3% 1%;}
	.bout-date-list {width: 100%;left: 0;}
	.about-strength-right,.about-honor-right .text-8 {margin-top: 10%;}
	.about-strength-item {margin-left: auto;}
	.affiliated-enterprises-left {padding: 15% 10%;float: none;width: 80%;margin-top: 5%;}
	.affiliated-enterprises-right {position: relative;width: 90%;right:auto;top:auto;padding: 0 3%;height: auto;}
	.text-6 {font-size: 13px;line-height: 23px;}
	.affiliated-enterprises-right .yuanshu-1 {top: 30%;}
	.affiliated-enterprises-right .pic {margin-top: 0;width: 80%;margin: auto;padding: 20% 0;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right .pic {margin-top: 0;margin: auto;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right {top: auto;left: auto;padding: 0;margin: auto;}
	.affiliated-enterprises-left .text-2 {min-height: auto;}
	.yuanshu-3 {bottom: 5%;top: auto;}
	.history-swiper .swiper-slide-active .number-5 {font-size: 100px;line-height: 130px;}
	.history-item .img {width: 70%;}
	.history-prev {left: -10%;}.history-next {right:-10%;}
	.corporate-culture-right {width: 100%;height: 100%;position: relative;right: auto;top: auto;background-size: 40%;}
	.corporate-culture-right .text {padding:10%;}
	.corporate-culture-bottom .title {padding-bottom: 10%;}
	.corporate-culture-item {position: relative;width: 100%;text-align: left;margin-bottom: 10%;border-bottom: 1px solid #ccc;padding-bottom: 10%;}
	.corporate-culture-item.cci1, .corporate-culture-item.cci3 {left:auto;}
	.corporate-culture-item .text-2 li::after {top: 10px;}
	.corporate-culture-item .text-2 li {padding-right: 0;padding-left: 10px;}
	.corporate-culture-item .text-2 li::after {right: auto;left: 0;}
	.honor-section-item {float: none;width: 100%;margin-right: auto;margin-bottom: 5%;}
	.news-item.nis1,.news-item {width: 100%;margin-right: auto;}
	.news-item.nis1 .text {position: relative;left: auto;bottom: auto;width: 90%;z-index: 11;color: #000;padding: 5%;margin-right: 0;}
	.news-item.nis1 .date-1 {color: #999;}
	.news-item .text {min-height: auto;margin-bottom: 5%;}
	.news-item .date-1 {position: relative;bottom: auto;left: auto;margin-top: 5%;left: auto;}
	.fanye-page a {height: 36px;line-height: 36px;min-width: 36px;padding: 0;margin: 0 1px}
	.fanye-page a.prev, .fanye-page a.next {width: 36px;}
	.baitu-news-nav a {padding: 15px 0px;width: 43%;padding-left: 5%;margin-right: 0;}
	.baitu-news-nav a:last-child {float: right;}
	.baitu-news-nav a::after {right: 10%;}
	.baitu-news-nav,.contact-map-bottom .text-6 ,.contact-map-bottom .title-12{margin-bottom: 5%;}
	.contact-map-text {overflow: hidden;position: relative;width: 100%;left: auto;bottom: auto;}
	.map{width: 100%;position: relative;height: 400px;}
	.contact-message-right{width: 90%;}
	.contact-message-form .item-2 li input {padding: 5% 0;}
	.joinus-section-top {padding: 1% 0 5% 0;}
	.talent-title.cur,.talent-title {padding: 10% 0;}
	.talent-item-content {padding-bottom: 10%;}
	.email-1 span {font-size: 14px;}
	.page-section-banner .text.center {left:5%;width: 90%;transform: translateY(0%);}
	.page-section-banner .text.center .title .text-9 {font-size: 12px;line-height: 18px;}
	.header-nav-menu {background: none;}
	.contact-map-text {padding: 10% 0;}
	.contact-map-bottom .ewm-1 {margin-top: 5%;width: 30%;}
	.page-contact-map {padding: 15% 0;}
	.section-banner-top-nav a {margin: 0 10px;}
	.header-nav-menu.about {position: relative;}
	.header-nav-product-type a {width: 50%;}
	.throughput-content-text-item .img {display: none;}
	.throughput-content-text-item a {background: #fff;border-bottom: 1px solid #eaeaea;}
	.throughput-content-text-item .text {position: relative;}
	.throughput-content-text-item .title-2 {font-size: 16px;margin:3% 0;min-height: auto;}
	.throughput-content-text-item.cur a {background: #212c7c;}
	.index-product-nav2 {position: relative;left: auto;bottom: auto;width: 100%;margin-top: 5%;}
	.index-product-nav2 .text span,.index-product-nav2 .text i,.index-product-nav2 .pic {display: none;}
	.index-product-nav2 .text {position: relative;left: auto;top: auto;width: 100%;height: auto;box-sizing: border-box;padding: 5%;}
	.index-product-nav2 a.cur {background: #49aa36;}
	.index-product-nav2 .text::before {top: 50%;transform: translateY(-50%);right: 5%;}
	.header.black .menu-toggle span.hamburger,.header.black  .menu-toggle span.hamburger:after,.header.black  .menu-toggle span.hamburger:before {background: #000;}
	.index-products-top {width: 100%;}
	.index-application-nav.num5 a {width: 100%;}
	.iapplication-prev, .iapplication-next {position: relative;transform: none;top: auto;left: auto;right: auto;margin-top: 5%;display: inline-block;}
	.iapplication-next::after, .iapplication-prev::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.header-nav-product-type a::before {width: 100%;}
	.header-nav-technical-support .more-1 {display: none;}
	.header-nav-technical-support a {text-align: center;}
	.header-nav-technical-support .title-4 {margin-left: 0px;margin-top: 10px;}
	.page-section-banner.advantages .text .date {transform: none!important;}
	.aboutdate {transform:none;text-align: left;right:auto;}
	.page-section-banner.advantages.aboutdate .text{margin-bottom:5%;top: 30%;}
	.page-product-specifications .section-content{width: 90%;margin: auto;overflow: hidden;overflow-x: scroll;}
	.page-product-specifications .section-content .page-product-specifications-bottom {font-size: 14px;}

	.header-nav li::after,.header-nav-product-left,.index-news-center,.index-banner-swiper .banner-pagination,.index-news-item .type-1,.index-news-top .viewmore-1 ,.footer-contact-right,.application-detail-left ,.application-detail-main-top .return-1 a,.market-layout-content .img .pic,.corporate-culture-bottom-content .pic,.fanye-page a:first-child, .fanye-page a:last-child,.news-other .news-item .viewdetails-1{display: none;}
	.header-nav-product-right,.header-nav-product-type a,.index-product-left,.index-product-right,.index-application .title ,.index-about-content-right,.index-news-left,.index-news-right,.product-application-left,.product-application-right,.application-item,.application-detail-right,.technological-innovation-item,.baitu-shares-center-left,.about-strength-left,.about-strength-right,.about-strength-item,.about-honor-left,.about-honor-right,.affiliated-enterprises .text-2,.affiliated-enterprises-left .text,.corporate-culture-left,.news-item.nis2,.news-detail-left,.news-detail-right,.contact-map-bottom .title-12, .contact-map-bottom .telemail-1, .contact-map-bottom .text-6,.contact-map-bottom,.contact-message-left,.header-nav-menu.about .header-nav-product-right{width: 100%;}
	.page-product ,.page-product-characteristic,.page-product-application,.page-product-download,.page-application-area,.page-throughput,.page-market-layout,.page-about-strength,.page-about-honor,.about-honor-right .text-8,.page-baitu-shares,.corporate-culture-bottom ,.page-joinus {padding: 15% 0;}

}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}


@media only screen and (max-height : 650px)  {
		
	
}

/*ä»…IE6å’ŒIE7è¯†åˆ«*/
@media screen\9 {  }  

/*ä»…IE6å’ŒIE7ã€IE8è¯†åˆ«*/
@media \0screen\,screen\9 {  } 

/*ä»…IE8è¯†åˆ«*/
@media \0screen {  } 

/*ä»…IE8-10è¯†åˆ«*/
@media screen\0 {  }  

/*ä»…IE9å’ŒIE10è¯†åˆ«*/
@media screen and (min-width:0\0) {  }  

/*ä»…IE10/11è¯†åˆ«*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 

} 













